[JavaScript] 簡單的防止重複點擊按鈕

在網頁上有時一個按鈕事件需要執行大量的運算,但等待的過程有時會被再次點擊或是不小心誤點,造成再次運算,因此有需要在該按鈕上加上一些限制。

 在網頁上有時一個按鈕事件需要執行大量的運算,但等待的過程有時會被再次點擊或是不小心誤點,造成再次運算,因此有需要在該按鈕上加上一些限制。

 

今天剛好又有此需求,在此分享一下印象中較為簡單的一種寫法,並做為自己的學習筆記:網頁按鈕在此為 Asp.net C# 的寫法

JavaScript的部分:

	function OneClick(btn) {
        btn.value = "程式執行中...";
        btn.onclick = Function("return false;");
        btn.disabled = true;
        return true;
	}

 

 Html的部分:只需在按鈕的 OnClientClick 事件指定方法為 OneClick(this) 即可

 

 


Cross

推到 Plurk! 分享