javascript - 使用 jQuery 跟踪来自浏览器的所有传出 URL 请求

Question

当用户单击指向我网站上不同页面的任何超链接时，我需要阻止 UI。我知道有一种方法可以使用 ajaxStart 和 ajaxStop 跟踪所有 jquery ajax 请求，当浏览器等待服务器响应时，我可以使用这些方法来阻止我的 UI。但是有没有办法拦截来自所有主要浏览器(firefox、Chrome 和 IE)的所有传出页面请求？

Answer 1

您可以绑定(bind)一个委托(delegate)事件处理程序来拦截对所有 <a href> 的点击。将导航到您网站页面的元素:http://jsfiddle.net/sNDf3/2/ .

​$("body").on("click", "a[href]", function(e) {
    // <a> elements have a .host property which represents the host of the href
    // so you can block internal links only
    if(this.host === "jsfiddle.net" && !confirm("Sure?")) {
        e.preventDefault();
    }
});​​​​​​​​​​​​​​​

即使您稍后由于委托(delegate)(将实际处理程序绑定(bind)到持久父级)添加链接时，这也会起作用。