/** * 為指定控制項添加限制性事件, 該事件在觸發之後, 會被移除, 併在指定的時間間隔後, 重新綁定, 適用於避免控制項事件被誤操作重覆觸發的場景 * @param {String} domID 要添加事件的控制項ID * @param {String} eventName 要添加的事件, 例如: ...
/**
* 為指定控制項添加限制性事件, 該事件在觸發之後, 會被移除, 併在指定的時間間隔後, 重新綁定, 適用於避免控制項事件被誤操作重覆觸發的場景
* @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);