|
|
復(fù)制代碼 代碼如下:
function Handler() { };
Handler.prototype = {
/*
* 把eventType類型的事件綁定到element元素，并使用handler事件句柄進(jìn)行處理
* 兼容 IE 及 Firefox 等瀏覽器
*
* @param element 在其上注冊(cè)事件的對(duì)象（Object）
* @param eventType 注冊(cè)的事件類型（String），不加“on”
* @param handler 事件句柄（Function）
*/
registerEvent : function(element, eventType, handler) {
if(element.attachEvent) { //2級(jí)DOM的事件處理
element.attachEvent('on'+ eventType, handler);
}else if (element.addEventListener) {
element.addEventListener(eventType, handler, false);
} else { //0級(jí)DOM的事件處理
element['on'+ eventType] = handler;
}
},
/*
* 獲得帶參數(shù)的事件句柄的引用
*
* @param obj 需要綁定事件處理函數(shù)的所有者，null 表示 window 對(duì)象
* @param func 需要綁定的事件處理函數(shù)名
* @param ... 第三個(gè)參數(shù)開始為綁定事件處理函數(shù)的參數(shù)，由 0 到多個(gè)構(gòu)成
*/
bind: function(obj, handler) {
obj = obj || window;
var args = [];
for(var i =2; i < arguments.length; i++)
{
args.push(arguments[i]);
}
return function() { handler.apply(obj, args) };
}
}
可能是使用方式為：
function show(txtObj) {
alert(txtObj.value);
txtObj.focus();
txtObj.select();
}
window.onload = function(){
var handler = new Handler();
handler.registerEvent($("txt"), "change", handler.bind(null,show,$("txt")));//采用2級(jí)事件模型的方式
//$("txt").onchange = handler.bind(null,show,$("txt"));//JavaScript事件屬性的方式
}
JavaScript技術(shù)：JavaScript 事件屬性綁定帶參數(shù)的函數(shù)，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
