【JavaScript】DOM的事件

注册事件

传统：
on-开头，类似于onclick等
这样的注册具有唯一性，后面的注册会覆盖开始的注册。
方法监听：
eventTarget.addEventListener()
该方法，同一个元素同一个事件，可以注册多个。
也可用==eventTarget.attachEvent()==代替 （适用于IE9以下版本）
使用：eventTarget.addEventListener(typr,Listener[,useCapture])
attachEvent()的type带着on。
type:类型字符串，不带on
Listener:事件处理函数，事件发生时调用该函数
useCapture：布尔值，true/false

删除事件

传统：
eventTarget.οnclick=null
方法监听：
eventTarget.removeEventListener(typr,Listener[,useCapture])
eventTarget.detachEvent()

事件流

元素节点按照特定顺序的传播过程即DOM事件流

捕获：addEventListener的第三个参数是true
document-html-body-father-son
冒泡：addEventListener的第三个参数是空/false
son-father-body-html-document
注：onblure，onfocus，onmouseenter，onmouseleave无冒泡

事件对象

写在侦听函数内的形参。只有有事件，才会存在它是系统创建的，不用传参。是事件一系列相关数据的集合（鼠标，键盘）。可以自己命名。
返回触发事件的对象
e.target
e.srcElement IE6.7.8
this返回的是绑定事件的对象类似currentTarget
返回事件：e.type
阻止默认行为：
e.preventDefalt()方法
e.renturnValue属性
return false
阻止冒泡：
e.stopPropagation()方法
e.cancelBubble属性

事件委托（代理，委派）

不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，利用冒泡原理，影响设置的子节点。

鼠标

禁止鼠标右键 contextmenu

禁止选中文字 selectstart

鼠标事件对象 MoseEvent

clientX/Y可视区
pageX/Y页面
电脑屏幕

鼠标移动 Mosemove

键盘

onkeyup，键盘弹起
ondown，键盘按下（先执行）
onpress，键盘按下（不识别特殊按键，ctrl/shift）