如何在页面完全加载前禁用单击事件？

Question

我想在页面完全加载之前禁用click事件。页面加载大约需要45秒，具体取决于互联网速度。同时，加载的元素不应该是可点击的。 那里有很多链接，所以我只想禁用点击事件

Answer 1

在document.ready中绑定事件，它将确保在加载所有DOM时绑定事件。你应该重新考虑为什么页面花费太多时间。

$(document).ready(function(){
    $('#button').click(function(){

    });   
});

  

当JavaScript提供用于执行代码的load事件时   页面呈现，此事件在所有资产之前都不会被触发   如图像已被完全接收。在大多数情况下，   只要DOM层次结构完全可以运行脚本   建造。传递给.ready（）的处理程序是保证的   在DOM准备好之后执行，所以这通常是最好的地方   附加所有其他事件处理程序并运行其他jQuery代码jQuery doc。

Answer 2

您可以在函数上绑定click事件，然后在页面加载时可以运行此函数。

$(window).on('load', function() {
  //make your binds here
})

Answer 3

就像我在评论中提到的那样，您可以在单击后禁用该按钮，这样在事件调用完成执行之前它就不可单击。类似的东西：

    $('#btn').click(function(){
            $(this).attr('disabled','disabled');
    });   

<强> Fiddle