兼容浏览器的js事件绑定函数(详解)

因为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 事件属性绑定带参数的函数
• JS 事件绑定函数代码
• js使用函数绑定技术改变事件处理程序的作用域
• javascript中的绑定与解绑函数应用示例
• JavaScript绑定事件监听函数的通用方法
• 详解JavaScript函数绑定
• JavaScript为事件句柄绑定监听函数实例详解
• 把多个JavaScript函数绑定到onload事件处理函数上的方法
• JavaScript函数中的this四种绑定形式
• JavaScript函数绑定用法实例分析