码迷,mamicode.com
首页 > Web开发 > 详细

JS事件

时间:2015-06-10 19:00:38      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

本文主要总结一下JS事件的学习大纲。

1. 事件流

1.1 事件冒泡: 具体 –> 不具体

1.2 事件捕获: 不具体 –> 具体

2.事件处理程序

2.1 HTML事件处理程序: 在<HTML>中加事件类型的属性

2.2 DOM0级事件处理程序: 例如:element.onclick

2.3 DOM2级事件处理程序(IE不兼容):

      addEventListener()  removeEventListener()

      接受3个参数:事件名(去掉“on”)、函数、布尔值(false)

2.4 IE事件处理程序(只有IE和Opera起作用):

      attachEvent()   detachEvent()

      接受2个参数:事件名(加上“on”)、函数、

2.5 跨浏览器的事件处理程序:

      封装两个函数中, 例如: addEvent()  removeEvent() 接受3个参数,就是DOM2级事件函数中的3个参数

      能力检测: if(element.addEventListener) {

                             DOM2级

                        } else if(element.attachEvent) {

                             IE

                        } else {

                             DOM0级

                       };

3.事件对象 event

3.1 DOM事件常用对象

     属性: type   target

    方法: stopPropagation() 阻止事件冒泡

               preventDefault()    阻止事件默认行为

3.2 IE事件常用对象

      属性: type  srcElement  cancleBubble  returnValue

JS事件

标签:

原文地址:http://www.cnblogs.com/kongxy/p/4566897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!