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

Question

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

Answer 1

您可以绑定一个委托事件处理程序，该处理程序拦截对将导航到您网站页面的所有<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();
    }
});​​​​​​​​​​​​​​​

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