在javascript / jquery中检测浏览器后退按钮，而不使用任何外部插件 [英] detecting browser back button in javascript/jquery without using any external plugins
问题描述
我想在java-script / jquery中检测浏览器后退按钮，而无需使用任何外部插件。
我将支持以下浏览器
IE8，IE9，FireFox，Chrome
我搜索了很多链接， code project
< body onbeforeunload =HandleBackFunctionality（）>
函数HandleBackFunctionality（）
{
if（window.event）
{
if（window.event.clientX< 40&& window.event.clientY <0）
{
alert（点击浏览器后退按钮...）;
}
else
{
alert（点击浏览器刷新按钮...）;
}
}
else
{
if（event.currentTarget.performance.navigation.type == 1）
{
alert（ 点击浏览器刷新按钮...）;
if（event.currentTarget.performance.navigation.type == 2）
{
alert（单击浏览器后退按钮...）;
浏览器。这意味着我可以在IE浏览器中获取window.event.clientX和clientY的值。但在chrome / firefox中无法正常工作。
当点击浏览器后退按钮时，我需要刷新页面。
如何在所有浏览器中检测浏览器后退按钮单击事件（IE，firefox，chrome）
任何帮助将不胜感激。
这可以简单地放到您的网页中，当用户点击后，它会调用一个函数。这个调用的默认函数是一个JavaScript警报Back Button Clicked。
要取代这个功能，你只需要重写OnBack函数。
< script type =text / javascript>
bajb_backdetect.OnBack = function（）
{
alert（'你点了它！'）;
}
< / script>
现在将用你点击它！提醒来取代Back Button Clicked 。
支持以下浏览器
IE8，IE9，FireFox，Chrome
浏览器后退按钮检测
或使用 jquery
捕获浏览器返回
使用标准 javascript
用JavaScript控制后退按钮
I want to detect browser back button in java-script/jquery without using any external plugins.
I am going to support following browsers
IE8,IE9,FireFox,Chrome
I googled so many links and found below part of code from code project
<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...");
}
}
}
The above code working fine IE browser. that means i can able to get the window.event.clientX and clientY values in IE browser. but in chrome/firefox not working.
When browser back button is clicked, i need to refresh the page.
how can i detect browser back button click event in all browsers (IE,firefox,chrome)
any help would be appreciated.
That can be simply dropped into your web page, and when the user clicks back, it will call a function. The default function on this call is a javascript alert "Back Button Clicked".
To replace this functionality, you simply need to override the OnBack function. This can be done by using the code below.
<script type="text/javascript">
bajb_backdetect.OnBack = function()
{
alert('You clicked it!');
}
</script>
This will now replace the "Back Button Clicked" alert with a "You clicked it!’" alert.
support following browsers
IE8,IE9,FireFox,Chrome
Browser Back Button Detection
Or using jquery
Catching browser back
Using standard javascript
Mastering The Back Button With Javascript
这篇关于在javascript / jquery中检测浏览器后退按钮，而不使用任何外部插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
