Javascript事件绑定方法综述

Javascript事件绑定方法综述
最近,收集了一些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中事件绑定方法的全部内容,这是您带来的。我希望你能支持得更多。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部