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

Javascript 如何在页面完全加载之前禁用单击事件?,javascript,php,jquery,javascript-events,Javascript,Php,Jquery,Javascript Events,我想在页面完全加载之前禁用click事件。页面加载大约需要45秒,这也取决于互联网速度。同时,加载的元素不应该是可点击的。 那里有很多链接,所以只有我想禁用click事件,它才能确保在加载所有DOM时绑定事件。您应该重新考虑为什么页面占用了太多时间 $(document).ready(function(){ $('#button').click(function(){ }); }); 当 页面被呈现时,直到所有资源 如图像已完全接收。在大多数情况下 只要DOM层次结构完

我想在页面完全加载之前禁用click事件。页面加载大约需要45秒,这也取决于互联网速度。同时,加载的元素不应该是可点击的。 那里有很多链接,所以只有我想禁用click事件,它才能确保在加载所有DOM时绑定事件。您应该重新考虑为什么页面占用了太多时间

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

    });   
});
当 页面被呈现时,直到所有资源 如图像已完全接收。在大多数情况下 只要DOM层次结构完全完成,就可以运行脚本 构建。传递给.ready()的处理程序保证 在DOM准备好后执行,因此这通常是执行的最佳位置 附加所有其他事件处理程序并运行其他jQuery代码


您可以绑定函数上的单击事件,然后在页面加载时运行此函数

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

正如我在评论中提到的,您可以在单击之后禁用该按钮,以便在事件调用完成执行之前不可单击该按钮。比如:

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

为我提供一个解决方案…lol45秒对于一个页面来说太长了。除了为什么加载时间太长之外,您不需要禁用单击事件,只需在提交后禁用按钮即可。其中有很多href链接。