js事件三要素

1.事件

事件的三要素：事件源  事件 事件体

格式:   事件源(标签).on事件(动作) = function(){ 事件体(代码) }

2.js事件机制

JS 由来: JS由NETspcipt公司开发 ,但IE公司也自己独立一套JS语法,后来 w3c出整合JS时.

（1）事件机制:

事件冒泡   从触发的对象开始，事件不断往上传递。

事件由内向外传递的特性(IE)

事件捕获   从dom树一直向下传递事件直到捕获为止。

事件由外向内传递的特性(网景)

（2）事件添加方式:

A. 事件绑定   用 on    对象.on事件名 = function(){  事件体 }

特点: 同一元素的相同事件会被 覆盖,具有事件冒泡属性

B .事件监听  用addEventListener ( 由w3c公司整了所有js事件的特点,形成的添加事件的方法,即有冒泡属性,也有捕获属性 )

格式:

元素 对象(标签). addEventListener(‘click’,function(){

事件体

},  false/true)

false 代表事件具有 冒泡属性

true  代表事件具有 捕获属性

特点:相同的事件不会被覆盖

事件委派

通过target方法绑定

（3） 阻止冒泡/捕获

Ps.  设置事件, 会自动产生一个事件对象元素, 可以通过参数传

例:

  a.onclick = function(e){

其中e就代事,单击产生的事件对象

}

阻止冒泡/捕获的方法

通过事件对象,阻冒泡            e.stopPropagation();

当浏览不兼容时,使用下面的方式   window.event.cancelBubble = true;

（4）事件对象

在js中,绑定事件成功后会自动生成一个对应的元素, 这个元素被称为事件对象,里面记录了关于事件的一些内容