在JavaScript中,为了实现表现和控制相分离,可以通过0级的DOM事件属性或者2级的事件模型来实现,不过这两者在针对某个事件类型调用相应的事件句柄的时候,不能给事件句柄提供参数,也就是说,事件属性的值只能是一个函数引用。
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,arguments) { 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事件属性的方式 };
使用方式:
Ext.onReady(function() { var handler1 = new Handler(); handler1.registerEvent(getId(FID_ResidenceMigration), 'click', handler1.bind(null, changeTd, new Array(FID_ResidenceMigration, 'tdate1'))); }); function getId(id) { return document.getElementById(id); } //事件js function Handler() { }; Handler.prototype = { 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; } }, bind : function(obj, handler, arguments) { obj = obj || window; var args = []; for ( var i = 0; i < arguments.length; i++) { args.push(arguments[i]); } return function() { handler.apply(obj, args); }; } };
相关推荐
js绑定事件传参,javascript绑定事件传参数,jquery绑定事件传参数
新鲜出炉的原创跳跳棋游戏,基于vue.js实现,游戏的逻辑及实现方法在js中解释的很清楚,插件的调用也非常简单。基于vue.js实现。如有疑问或者错误的地方欢迎留言,谢谢~ 1、默认用户的起始位置为第一步。 2、页面...
可以用AJAX从服务端获取要初始化渲染的工具栏组,操作单元组,菜单等JSON参数,然后实时渲染出控件界面 经测试,兼容IE6--IE8,Firefox,chrome浏览器。在firefox,chrome里还支持圆角边框特效:)
按键跳转以及按Enter以不同参数提交,及其他感应事件 动态控制Page页的Head信息 SubmitOncePage:解决刷新页面造成的数据重复提交问题 SharpRewriter:javascript + xml技术利用#实现url重定向 采用XHTML和CSS设计可...
8.网站背景设置、flash幻灯增加参数控制、支持flv文件播放、幻灯可外链图片 9.外部调用JS,后台可自定义生成代码 10.文章列表摘要控制、文章内容自动分页、文章页心情投票、文章列表每页显示条数设置、文章自定义...
网站背景设置、flash幻灯增加参数控制、支持flv文件播放、幻灯可外链图片。 8.外部调用JS,后台可自定义生成代码。 9.文章列表摘要控制、文章内容自动分页、文章页心情投票、文章列表每页显示条数设置、文章自定义...
网站背景设置、flash幻灯增加参数控制、支持flv文件播放、幻灯可外链图片 9.外部调用JS,后台可自定义生成代码 10.文章列表摘要控制、文章内容自动分页、文章页心情投票、文章列表每页显示条数设置、文章自定义...
8.网站背景设置、flash幻灯增加参数控制、支持flv文件播放、幻灯可外链图片。 9.外部调用JS,后台可自定义生成代码。 10.文章列表摘要控制、文章内容自动分页、文章页心情投票、文章列表每页显示条数设置、文章...
2、增加了自动301跳转设置,选中的话,将自动把所有绑定的域名跳转到主域名。该功能在后台高级设置里。 3、增加了增加网站LOGO后台配置。该功能在后台高级设置内。 4、修复一个偶尔修改后台能造成配置丢失的情况。 5...
8.外部调用JS,后台可自定义生成代码 9.文章列表摘要控制、文章内容自动分页、文章页心情投票、文章列表每页显示条数设置、文章自定义关键字及描述、文章及栏目查看权限 10.采集:按目标文章分页、保存图片时增加...