如何在頁面完全加載之前禁用點擊事件？

Question

我想在頁面完全加載之前禁用點擊事件。頁面加載大約需要45秒，這取決於互聯網的速度。同時，加載的元素不應該是可點擊的。 有很多鏈接，所以只有我想禁用點擊事件

Answer 1

綁定事件document.ready，它將確保事件綁定，當所有的DOM加載。你應該重新考慮爲什麼頁面花費太多時間。

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

    }); 
}); 

雖然JavaScript提供了當 呈現頁面時執行代碼的加載事件，該事件不會被觸發，直至這樣 圖像已被完全接收的所有資產。在大多數情況下，只要DOM層次已完全構建，就可以運行 腳本。傳遞給.ready（）的處理程序保證在DOM準備好後執行 ，所以這通常是 附加所有其他事件處理程序並運行其他jQuery代碼jQuery doc的最佳位置。

Answer 2

你可以綁定一個函數上的點擊事件，然後在頁面加載時你可以運行這個函數。

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

Answer 3

就像我在評論中提到的那樣，您可以在點擊後禁用按鈕，這樣在事件調用完成之前它不可點擊。喜歡的東西：

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

Fiddle