例如不能采用这种调用方式：element.onclick = test();element.onclick = test(arg1,arg2);只能通过element.onclick = function(){ ... };或者element.onclick = test这种方式来实现，所以无法给函数传递参数。参考了大量的网上资料，解决这个问题的方式，以代码为例，如下所示：

复制代码 代码如下:

function Handler() { };

Handler.prototype = {

/*

* 把eventType类型的事件绑定到element元素，并使用handler事件句柄进行处理

* 兼容 IE 及 Firefox 等浏览器

*

* @param element 在其上注册事件的对象（Object）

* @param eventType 注册的事件类型（String），不加“on”

* @param handler 事件句柄（Function）

*/

registerEvent : function(element, eventType, handler) {

if(element.attachEvent) { //2级DOM的事件处理

element.attachEvent('on'+ eventType, handler);

}else if (element.addEventListener) {

element.addEventListener(eventType, handler, false);

} else { //0级DOM的事件处理

element['on'+ eventType] = handler;

}

},

/*

* 获得带参数的事件句柄的引用

*

* @param obj 需要绑定事件处理函数的所有者，null 表示 window 对象

* @param func 需要绑定的事件处理函数名

* @param ... 第三个参数开始为绑定事件处理函数的参数，由 0 到多个构成

*/

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级事件模型的方式

//$("txt").onchange = handler.bind(null,show,$("txt"));//JavaScript事件属性的方式

}