jquery拦截锚页点击更改页面

Question

我想拦截锚点击并显示一个提示，如果文本已更改，并且未使用斑马线对话框在窗体中提交。对于任何其他形式的页面，我使用内置的浏览器卸载对话框。

这是我到目前为止的代码，对话框显示，但无论您点击哪个选项，最终停留在页面上。

$("body").on("mousedown",'a', function(e) { 

    if(inputhaschanged) { 
     return $.Zebra_Dialog("You haven't submitted your comment. Do you wish to leave?", {'type':'question','title':'','buttons': [ 
       {caption: 'No', callback: function() { }}, 
       {caption: 'Yes', callback: function() { return true; }}] 
     }); 
    } 

});   

Answer 1

对此的一个解决方案是禁用页面上所有链接的默认行为，然后检查修改。您还需要致电事件window.onbeforeunload以防止其他导航方法。 参考：how to stop page redirect How do you prevent a webpage from navigating away in JavaScript?