首頁(yè) 猿問在瀏覽器中檢測(cè)退按鈕單擊

在瀏覽器中檢測(cè)退按鈕單擊

JavaScript JQuery

白衣非少年 2019-07-22 19:32:31

在瀏覽器中檢測(cè)退按鈕單擊我必須檢測(cè)用戶是否單擊了后退按鈕。為此我用window.onbeforeunload = function (e) {}如果用戶單擊“后退”按鈕，它就會(huì)工作。但是，如果用戶單擊瀏覽器的F5或重新加載按鈕，也會(huì)觸發(fā)此事件。我該怎么解決這個(gè)問題？

查看完整描述

3 回答

慕的地10843

TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊

請(qǐng)嘗試此操作(如果瀏覽器不支持“onpreunload”)：

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');
  }});

反對(duì) 回復(fù) 2019-07-22

當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊

我知道最好的方法

         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;
         };

反對(duì) 回復(fù) 2019-07-22