最近,收集了一些Javascript绑定事件的
方法,并对它们进行了总结,但并不全面,但希望以后能方便地查看它们。
在Javascript中绑定事件有三种主要方法:
1 DOM元素中的直接绑定
直接绑定在2个Javascript代码中
3绑定事件监视器
功能 1。DOM元素中的直接绑定
那就是,直接绑定到HTML标签通过
程序员=。例如 uff1a
功能testalert(){
警报(你好世界)!;
}
二、Javascript代码中的直接绑定
通过Javascript
搜索DOM对象,结合elementobject。onclick =
函数(){ }格式,举例如下:
document.getelementbyid(演示)。Onclick =功能testalert(){
警报(你好世界)!;
}
三、绑定事件监视器功能
在这里,你需要了解addEventListener函数语法()和()attachevent。
1 elementobject.addeventlistener(事件,
处理,useCapture)(主流
浏览器,
支持和ie9.0以上)
该事件的事件的名称:必然。注意书写,如单击事件,写一下,不是我。
句柄:处理事件的函数名。但是在写作中没有括号。
useCapture:布尔
类型,是否使用捕捉,一般用假,具体涉及将总结在后面。
2 elementobject.attachevent(事件,处理);(只支持IE8及以下)
在互联网上找到了一种兼容的和好的方法,与之相比。
函数AddEvent(obj、类型、处理){
尝试{
Obj.addEventListener(类型、处理,假);
} catch(e){
尝试{
obj.attachevent(开+型,手柄);
}
catch(e){
obj {开+型} =处理; / /早期浏览器
}
}
}
四。讨论jQuery中绑定事件的几种方法。
在()、绑定()、活()、委托()等上有几种类型。相应的绑定,绑定了()(),(),()undelegate活;
1()、绑定()、活()、委托(),除了绑定(),可以将绑定事件添加到稍后添加的元素对象中。
2这些方法中都有相应支持的jQuery版本。
3当将事件绑定到动态添加页面元素时,通常使用on()方法。
以上是Javascript中事件绑定方法的全部内容,这是您带来的。我希望你能支持得更多。