关于JS事件的几点总结

时间：2016-11-28 15:22:23 阅读：286 评论：0 收藏：0 [点我收藏+]

1.理解事件（2点）

2.DOM事件

DOM0级事件：1??(onclick)属于元素的私有属性；2??使用DOM0级方法指定的事件处理程序被认为是元素的方法，这也就解释为什么事件处理程序的this指向当前元素（this的六点申明）；3??事件处理程序只会在事件冒泡阶段处理；4??优势：简单；跨浏览器；5??删除事件：设置为null；btn.onclick=null;6??一个元素只能绑定一个同一类型的行为，否则后面的会覆盖前面的行为。
DOM1：没有升级事件相关的方法；
DOM2级事件：1??属于公有方法，在eventTarget这个类的原型上—>所有的DOM节点都包含这两种方法：addEventListener和removeEventlistener；2??三个参数：（事件名，回调函数，布尔值）；布尔值：true—>捕获阶段调用回调函数；false—>冒泡阶段调用回调函数；3??addEventListener和removeEventlistener传入的回调函数必须相同，不能使用匿名函数；4??一般将事件添加到冒泡阶段，这样可以最大限度的兼容浏览器。5??同一个元素可以绑定多个统一行为；

3.事件对象

*****执行某一行为时，不仅执行了绑定方法，而且浏览器还会默认的给这个方法传递一个参数，这个参数就是—>event,事件对象。

事件对象的特点：

1??对象数据类型，包含有很多的属性名和属性值，用来记录行为的相关信息；

2??MouseEvent——UIEvent——Event——Object 原型

3??MouseEvent记录的是页面中唯一一个鼠标每次触发的相关信息，和到底在哪个元素上触发没有关系。

4.事件对象的兼容性问题

e.pageX=(document.documentElement.scrollLeft||document.body.scrollLeft)+ e.clientX;

e.target:事件源，当前行为触发元素，存储的就是那个元素IE678不兼容，e.target=e.target||e.srcElement;
e.preventDafault:阻止浏览器的默认行为，IE678不兼容；e.preventDafault?e.preventDafault:e.returnvalue=false;
e.stopPropagation:阻止事件冒泡传播，IE678不兼容；e.stopPropagation?e.stopPropagation:e.cancelBubble=true;

5.事件的传播机制

6.常见事件类型

1.鼠标事件

onclick onmouseover onmouseout onmouseenter onmouseleave ondbclick...

2.系统事件

onload onscroll onresize...

3.表单事件

onfocus onblur

4.键盘事件

onkeydown onkeyup onkeypress...

原文：http://www.cnblogs.com/HKCC/p/6109347.html

踩

(0)

评论一句话评论（0）

分享档案

更多>