首頁猿問關(guān)閉（不離開）頁面時jquery...

關(guān)閉（不離開）頁面時jquery beforeunload？

JavaScript JQuery

慕妹3146593 2019-08-26 17:48:39

關(guān)閉（不離開）頁面時jquery beforeunload？如何顯示“您確定要離開頁面嗎？” 當用戶實際嘗試關(guān)閉頁面時（單擊瀏覽器窗口或選項卡上的X按鈕），當他試圖離開頁面時（單擊另一個鏈接）。當用戶嘗試關(guān)閉頁面時，我的客戶希望顯示一條消息“您確定要離開頁面嗎？您的購物車中仍有商品?！辈恍业氖?(window).bind('beforeunload')，只有當用戶關(guān)閉頁面時才會觸發(fā)。jQuery的：function checkCart() { $.ajax({ url : 'index.php?route=module/cart/check', type : 'POST', dataType : 'json', success : function (result) { if (result) { $(window).bind('beforeunload', function(){ return 'leave?'; }); } } })}

查看完整描述

3 回答

波斯汪

TA貢獻1811條經(jīng)驗獲得超4個贊

您可以使用JQuery來完成此操作。

對于例如，

<a href="your URL" id="navigate"> click here </a>

你的JQuery意志，

$(document).ready(function(){

    $('a').on('mousedown', stopNavigate);

    $('a').on('mouseleave', function () {
           $(window).on('beforeunload', function(){
                  return 'Are you sure you want to leave?';
           });
    });});function stopNavigate(){    
    $(window).off('beforeunload');}

并獲得離開消息警報，

$(window).on('beforeunload', function(){
      return 'Are you sure you want to leave?';});$(window).on('unload', function(){

         logout();});

此解決方案適用于所有瀏覽器，我已對其進行了測試。

反對回復 2019-08-26

慕田峪9158850

TA貢獻1794條經(jīng)驗獲得超7個贊

基本上，該解決方案添加了一個偵聽器來檢測鏈接或窗口是否導致卸載事件被觸發(fā)。

var link_was_clicked = false;document.addEventListener("click", function(e) {
   if (e.target.nodeName.toLowerCase() === 'a') {
      link_was_clicked = true;
   }}, true);window.onbeforeunload = function(e) {
    if(link_was_clicked) {
        return;
    }
    return confirm('Are you sure?');}

反對回復 2019-08-26