兼容浏览器的js事件绑定函数
2016-03-29 17:35
453 查看
因为javascript中所有对象都集成与Object,那么只有给Object原型添加一个事件绑定函数,就不需要在处理绑定事件的时候,每次写一长串代码,直接调用即可。在代码中添加红色部分代码,直接便可以在代码中直接调用
<div id="mydiv" style="cursor:pointer; background-color:#F00">nihaoa</div> <script language="javascript">
Object.prototype.addListener=function(ev,fn){ if (this.attachEvent) { this.attachEvent('on' + ev, fn); }else{ this.addEventListener(ev,fn,false); } } var mydiv=document.getElementById("mydiv"); mydiv.addListener('click', click1,false); mydiv.addListener('click', click2, false); console.log(mydiv); function click1(){ alert("click1"); } function bclick2(){ alert("click2"); }
相关文章推荐
- JS-多态
- javascript操作cookie
- Ajax Json使用
- javascript引用"bug"带来的"继承"
- javascript引用奇趣
- javascript拖拽
- javascript原生style属性分析
- JS模块化编程(一)
- js 闭包
- 跟我一起学extjs5(05--主界面上增加顶部和底部区域)
- JavaScript跨域访问
- javascript跳跃式前进(1) - 基本概念
- js屏蔽浏览器默认事件
- 【菜鸟手打js】@弹出遮罩层显示大图之四
- 一个小算法记录
- js去掉html标签和去掉字符串文本的所有的空格
- javascript对全局变量值的修改(如记数器)
- Ember.js学习项目源码发布
- javascript声明提升现象及严格模式
- 【自学笔记】 JavaScript 字符串对象 添加样式