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);






以上是本文的全部内容,希望大家能喜欢。