blocks|key|866778|text|我假设您正在尝试处理Ajax导航，而不是试图阻止您的用户使用back按钮，这几乎违反了UI开发的所有原则。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|866779|以下是一些可能的解决方案：JQuery+History+Salajax+A+Better+Ajax+Back+Button|offset|length|866780|entityMap|0|LINK|mutability|MUTABLE|url|http://tkyk.github.com/jquery-history-plugin/|1|http://www.codeproject.com/KB/ajax/Salajax.aspx|2|http://www.ajaxonomy.com/2007/web-design/a-better-ajax-back-button-solution^0|0|D|E|0|S|7|1|10|P|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]|$D|W|E|X|1|Y]|$D|Z|E|10|1|11]]|A|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]|P|$5|I|J|K|A|$L|Q]]]]

I'm assuming that you're trying to deal with Ajax navigation and not trying to prevent your users from using the back button, which violates just about every tenet of UI development ever.

Here's some possible solutions:
<a href="http://tkyk.github.com/jquery-history-plugin/" rel="nofollow">JQuery History</a>
<a href="http://www.codeproject.com/KB/ajax/Salajax.aspx" rel="nofollow">Salajax</a>
<a href="http://www.ajaxonomy.com/2007/web-design/a-better-ajax-back-button-solution" rel="nofollow">A Better Ajax Back Button</a>

blocks|key|649564|text|由于后退按钮是浏览器的一项功能，因此很难更改默认功能。不过，还是有一些变通的方法。看看这篇文章：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|649565|http://www.irt.org/script/311.htm|offset|length|649566|通常，需要禁用后退按钮是编程问题/缺陷的一个很好的指示器。我会寻找另一种方法，比如设置一个会话变量或存储表单是否已经提交的cookie。|649567|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|X|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

Since the back button is a function of the browser, it can be difficult to change the default functionality. There are some work arounds though. Take a look at this article:

<a href="http://www.irt.org/script/311.htm" rel="nofollow noreferrer">http://www.irt.org/script/311.htm</a>

Typically, the need to disable the back button is a good indicator of a programming issue/flaw. I would look for an alternative method like setting a session variable or a cookie that stores whether the form has already been submitted.

blocks|key|866956|text|我所知道的最好的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|866957|+++++++++window.onbeforeunload+=+function+(e)+{
++++++++++++var+e+=+e+%7C%7C+window.event;
++++++++++++var+msg+=+"Do+you+really+want+to+leave+this+page?"

++++++++++++//+For+IE+and+Firefox
++++++++++++if+(e)+{
++++++++++++++++e.returnValue+=+msg;
++++++++++++}

++++++++++++//+For+Safari+/+chrome
++++++++++++return+msg;
+++++++++};|code-block|syntax|javascript|866958|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

best way I know

<pre><code> window.onbeforeunload = function (e) {
 var e = e || window.event;
 var msg = "Do you really want to leave this page?"

 // For IE and Firefox
 if (e) {
 e.returnValue = msg;
 }

 // For Safari / chrome
 return msg;
 };
</code></pre>

blocks|key|649649|text|请尝试一下(如果浏览器不支持"onbeforeunload")：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|649650|jQuery(document).ready(function($)+{

++if+(window.history+&&+window.history.pushState)+{

++++$(window).on('popstate',+function()+{
++++++var+hashLocation+=+location.hash;
++++++var+hashSplit+=+hashLocation.split("#!/");
++++++var+hashName+=+hashSplit[1];

++++++if+(hashName+!==+'')+{
++++++++var+hash+=+window.location.hash;
++++++++if+(hash+===+'')+{
++++++++++alert('Back+button+was+pressed.');
++++++++}
++++++}
++++});

++++window.history.pushState('forward',+null,+'./#forward');
++}

});|code-block|syntax|javascript|649651|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Please try this (if the browser does not support "onbeforeunload"):

<pre><code>jQuery(document).ready(function($) {

 if (window.history &amp;&amp; window.history.pushState) {

 $(window).on('popstate', function() {
 var hashLocation = location.hash;
 var hashSplit = hashLocation.split("#!/");
 var hashName = hashSplit[1];

 if (hashName !== '') {
 var hash = window.location.hash;
 if (hash === '') {
 alert('Back button was pressed.');
 }
 }
 });

 window.history.pushState('forward', null, './#forward');
 }

});
</code></pre>

blocks|key|867077|text|我通过这种方式检测到后退按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|867078|window.onload+=+function+()+{
if+(typeof+history.pushState+===+"function")+{
++++history.pushState("jibberish",+null,+null);
++++window.onpopstate+=+function+()+{
++++++++history.pushState('newjibberish',+null,+null);
++++++++//+Handle+the+back+(or+forward)+buttons+here
++++++++//+Will+NOT+handle+refresh,+use+onbeforeunload+for+this.
++++};
}|code-block|syntax|javascript|867079|它可以工作，但我必须在Chrome中创建一个cookie来检测我是第一次进入页面，因为当我进入页面时，没有cookie的控制，浏览器在没有单击任何后退按钮的情况下执行后退操作。|867080|if+(typeof+history.pushState+===+"function"){
history.pushState("jibberish",+null,+null);+
window.onpopstate+=+function+()+{
++++if+(+((x=usera.indexOf("Chrome"))!=-1)+&&+readCookie('cookieChrome')==null+)+
++++{
++++++++addCookie('cookieChrome',1,+1440);++++++
++++}+
++++else+
++++{
++++++++history.pushState('newjibberish',+null,+null);++
++++}
};|867081|}|867082|非常重要的是，history.pushState("jibberish",+null,+null);复制了浏览器的历史记录。|offset|length|style|CODE|867083|有人知道我能把它修好吗？|867084|entityMap^0|0|0|0|0|0|7|17|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@$O|12|P|13|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

I'm detecting the back button by this way:

<pre><code>window.onload = function () {
if (typeof history.pushState === "function") {
 history.pushState("jibberish", null, null);
 window.onpopstate = function () {
 history.pushState('newjibberish', null, null);
 // Handle the back (or forward) buttons here
 // Will NOT handle refresh, use onbeforeunload for this.
 };
}
</code></pre>

It works but I have to create a cookie in Chrome to detect that i'm in the page on first time because when i enter in the page without control by cookie, the browser do the back action without click in any back button.

<pre><code>if (typeof history.pushState === "function"){
history.pushState("jibberish", null, null); 
window.onpopstate = function () {
 if ( ((x=usera.indexOf("Chrome"))!=-1) &amp;&amp; readCookie('cookieChrome')==null ) 
 {
 addCookie('cookieChrome',1, 1440); 
 } 
 else 
 {
 history.pushState('newjibberish', null, null); 
 }
};
</code></pre>

}

AND VERY IMPORTANT, <code>history.pushState("jibberish", null, null);</code> duplicates the browser history.

Some one knows who can i fix it?

I have to detect if a user has clicked back button or not.
For this I am using 

<pre><code>window.onbeforeunload = function (e) {
}
</code></pre>

It works if a user clicks back button. But this event is also fired if a user click F5 
or reload button of browser. How do I fix this?

detect back button click in browser

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我必须检测用户是否点击了后退按钮。为此，我使用了window.onbeforeunload = function (e) {}如果用户单击“后退”按钮，它就会起作用。但是，如果用户单击浏览器的F5或reload按钮，也会触发此事件。我该如何解决这个问题？

问在浏览器中检测后退按钮单击
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在浏览器中检测后退按钮单击EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在浏览器中检测后退按钮单击
EN