jQuery拦截页面的锚点更改

Question

我想拦截锚点单击，并在文本已更改且未使用zebra-dialog提交表单时显示提示。 对于其他任何形式的页面离开，我都使​​用内置的浏览器卸载对话框。

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

$("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

一种解决方案是禁用页面上所有链接的默认行为，然后检查修改。 另外，您需要调用event window.onbeforeunload以防止其他导航方法。 参考： 如何停止页面重定向 如何防止网页在JavaScript中导航？