注册事件
传统:
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)