Javascript相关事件的几个概念
客户机Javascript程序使用异步事件驱动编程模型。有关事件的几个概念:
事件类型(事件类型):用于说明发生何种事件的字符串;
事件目标(事件目标):事件的对象;
事件处理程序(事件处理程序):处理或响应事件的函数;
事件对象(事件对象):与特定事件相关的对象,并包含有关事件的详细信息;
事件传播(事件传播):浏览器决定哪个对象以其事件处理程序的进程开始;
注册事件处理程序:
1,设置Javascript对象属性;
2。设置html标签属性
3、注册侦听器或attachevent(后者是IE)
函数AddEvent(目标、类型、处理){
如果(目标。addEventListener){
Target.addEventListener(类型、处理程序、错误);
其他{ }
target.attachevent(+类型,函数(事件){ return handler.call(目标、事件)});
}
}
事件传播的三个阶段:
1。在目标处理函数之前,它被称为捕获阶段;
2。对象本身事件的调用;
三.事件的冒泡阶段;
在Javascript中,可以为元素指定事件,并且有以下三种方式指定:
1。在HTML中,使用onclick属性
2。在Javascript,使用onclick属性
三.在JavaScipt,使用addevenlistener()方法
三种方法的比较
(1)在第二个,第三个方法中,事件对象可以传递给函数,它的相应属性被读取,方法是没有的。
(2)第一、第二、第三是第一选择,第一不利于将内容与事件分离或使用事件对象的相关内容。
一些语法细节
(1)在第一种方法中,onclick是无关紧要的,但在第二,较低的情况下必须使用。因为HMTL是案例和不区分大小写,JS是敏感的。
(2)在第二个、第三个方法中,在指定函数名时没有双引号,而第一个作为HTML属性需要双引号。
(3)第一种方法需要括号,第二种方法不需要第三。
onclick=clickhandler()
document.getelementbyid(jsonclick)。Onclick = clickhandler2;
document.getelementbyid(注册侦听器)AddEventListener(单击。
完整的代码:
即使Deom
htmlonclick
jsonclick
注册侦听器
功能clickhandler(){
警报(onclick属性在HTML);
}
功能clickhandler2(e){
警报(e.target .innerHTML);
}
document.getelementbyid(jsonclick)。Onclick = clickhandler2;
document.getelementbyid(注册侦听器),AddEventListener(点击)
clickhandler2);
以上是本文的全部内容,希望大家能喜欢。