首页 / JAVASCRIPT / JavaScript事件属性绑定带参数的函数_javascript技巧

JavaScript事件属性绑定带参数的函数_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript事件属性绑定带参数的函数_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1611字，纯文字阅读大概需要3分钟。

内容图文

例如不能采用这种调用方式：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事件属性的方式
}

内容总结

以上是互联网集市为您收集整理的JavaScript事件属性绑定带参数的函数_javascript技巧全部内容，希望文章能够帮你解决JavaScript事件属性绑定带参数的函数_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/308237.html

来源：【匿名】