事件注册

eventTarget.addEventListener(type,listener[,usecapture])

type:事件类型      listener:事件处理函数     useCapture:可选参数,是否是捕获过程

例一

---

取消时间注册

eventTarget.removeEventListener(type,listener[,usecapture])

例二

---

事件触发

eventTarget.dispatchEvent(type)

例三

---

浏览器兼容性(IE6  7  8)

      事件注册与取消

              attchEvent     /   detachEvent

      事件触发

              fireEvent(e)

       no  capture

     阻止事件传播

      event.stopPropagation()    //W3C

      event.cancelBubble()         //IE

      默认行为

       event.preventDafault()     //W3C

       event.returnValue=false()  //IE

浏览器兼容(代码)

兼容

---

事件分类:

1 MouseEvent(鼠标事件)

鼠标事件分类

MouseEvent对象

属性:clientX  clientY(到页面的距离坐标)screenX screenY(到屏幕的顶端的距离坐标)

MouseEvent顺序

鼠标顺序

一个例子:拖拽div

样式 js

---

WheelEvent(滚轮事件)

滚轮事件

---

FocusEvent(获得和失去焦点事件)

事件类型

---

InputEvent(输入事件)

输入事件类型

---

KeyboardEvent(键盘事件)

键盘事件类型

---

其他的事件(Event)

其他事件

    Window事件

load   unload   error    abort

    Image标签事件

load(图片加载完成)    error(图片加载错误)    abort

image标签事件

    UIEvent事件

UI事件

---

事件代理

      将事件注册到元素的父节点上

---

         这是自己学习的一些笔记,供自己在学习中查阅,每天努力一点点,加油