作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 02:42:43 阅读 我要评论

例如不能采用这种调用方式: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 回车键后跳到下一控件

按回车键后跳到下一控件 123 456 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:JavaScript 事件属性绑定带参数的函数

地址:http://www.17bianji.com/kaifa2/JS/28924.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)