js中事件绑定可以使用:attachEvent()函数和addEventListener()函数。
attachEvent()用法:attachEvent(“事件字符串,要写on”,回调函数)来进行绑定,this指向window,IE8及以下浏览器使用。
例:btn1.attachEvent(“onclick”,function(){
alert(“点击我了”)
});
addEventListener(“事件字符串,不要on”,回调函数,是否在捕获阶段触发事件),第三个参数一般是布尔值,一般为false,该方法不支持IE8及以下浏览器,this是绑定事件的对象。
例:btn1.addEventListener(“click”,function(){
alert(“点了点了”);
},false);//后绑定后执行
两个函数可用以下的兼容写法,并且将它们的this都指向调用它的对象:
定义函数进行兼容,obj要绑定对象的事件,eventStr事件字符串,callback回调函数
function bind(obj,eventStr,callback){
if(obj.addEventListener){
obj.addEventListener(eventStr,callback,false);
}else{
//调整this的调用对象,让他都指向调用它的对象,使用callback.call(obj)
//IE8及以下
//obj.attachEvent(“on”+eventStr,callback);
obj.attachEvent(“on”+eventStr,function(){
callback.call(obj);//由obj调用了
});
}
js中的事件绑定
最新推荐文章于 2022-09-14 15:59:57 发布