javascript避免dom事件重複觸發

/**
* 爲指定控件添加限制性事件, 該事件在觸發以後, 會被移除, 並在指定的時間間隔後, 從新綁定, 適用於避免控件事件被誤操做重複觸發的場景
* @param {String} domID 要添加事件的控件ID
* @param {String} eventName 要添加的事件, 例如: click, dblclick, 不可寫成onclick, ondblclick
* @param {Function} callback 觸發事件所要執行的函數, 對於有參數的函數, 須要包含在一個匿名函數中, 匿名函數中是對目標函數的調用, 對於無參數函數, 直接傳目標函數名稱便可
* @param {Number} interval 事件的時間間隔, Number類型或String類型的數字皆可
*/
function addLimitedEvent( domID, eventName, callback, interval ) {
　　var _dom = document.getElementById( domID );

　　if ( Number.isNaN( Number.parseInt( interval ) ) )
　　　　interval = 1;
　　else
　　　　interval = Number.parseInt( interval );

　　if ( _dom.addEventListener )
　　　　_dom.addEventListener( eventName, removeLimitedEvent );
　　else
　　　　_dom.attachEvent( 'on' + eventName, removeLimitedEvent );

　　function removeLimitedEvent() {
　　　　callback();

　　　　if ( _dom.removeEventListener )
　　　　　　_dom.removeEventListener( eventName, removeLimitedEvent );
　　　　else
　　　　　　_dom.detachEvent( 'on' + eventName, removeLimitedEvent );

　　　　setTimeout( function () {
　　　　　　addLimitedEvent( domID, eventName, callback );
　　　　}, interval * 1000 );
　　}
}

 

/*函數使用方法*/

addLimitedEvent('btn_Test','click',function(){handler('a','b')},1);

或

addLimitedEvent('btn_Test','click',handler,1);