gpt4 book ai didi

javascript - 在不使用任何外部插件的情况下检测 javascript/jquery 中的浏览器后退按钮

转载 作者:太空狗 更新时间:2023-10-29 15:55:46 26 4
gpt4 key购买 nike

我想在不使用任何外部插件的情况下检测 java-script/jquery 中的浏览器后退按钮。

我将支持以下浏览器

IE8,IE9,FireFox,Chrome

我用谷歌搜索了很多链接,发现下面是代码项目的部分代码

<body onbeforeunload=”HandleBackFunctionality()”>

function HandleBackFunctionality()
{
if(window.event)
{
if(window.event.clientX < 40 && window.event.clientY < 0)
{
alert("Browser back button is clicked...");
}
else
{
alert("Browser refresh button is clicked...");
}
}
else
{
if(event.currentTarget.performance.navigation.type == 1)
{
alert("Browser refresh button is clicked...");
}
if(event.currentTarget.performance.navigation.type == 2)
{
alert("Browser back button is clicked...");
}
}
}

以上代码在 IE 浏览器中运行良好。这意味着我可以在 IE 浏览器中获取 window.event.clientX 和 clientY 值。但在 chrome/firefox 中不工作。

当点击浏览器后退按钮时,我需要刷新页面。

如何检测所有浏览器(IE、firefox、chrome)中的浏览器后退按钮点击事件

如有任何帮助,我们将不胜感激。

最佳答案

它可以简单地放入您的网页中,当用户点击返回时,它会调用一个函数。此调用的默认功能是 javascript 警报“已单击后退按钮”。

要替换此功能,您只需重写 OnBack 函数即可。这可以通过使用下面的代码来完成。

<script type="text/javascript">
bajb_backdetect.OnBack = function()
{
alert('You clicked it!');
}
</script>

这现在会将“后退按钮已点击”提醒替换为“您点击了它!”提醒。
支持以下浏览器IE8,IE9,FireFox,Chrome
Browser Back Button Detection
或者使用 jquery
Catching browser back
使用标准的 javascript
Mastering The Back Button With Javascript

关于javascript - 在不使用任何外部插件的情况下检测 javascript/jquery 中的浏览器后退按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25801410/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com