事件注册
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
WheelEvent(滚轮事件)
FocusEvent(获得和失去焦点事件)
InputEvent(输入事件)
KeyboardEvent(键盘事件)
其他的事件(Event)
Window事件
load unload error abort
Image标签事件
load(图片加载完成) error(图片加载错误) abort
UIEvent事件
事件代理
将事件注册到元素的父节点上
这是自己学习的一些笔记,供自己在学习中查阅,每天努力一点点,加油
