事件高级

79 阅读1分钟

注册事件

1.传统注册方式

 on+事件名
 
2. 监听注册方式 
 
 addEventListener()
 

DOM事件流

1.  捕获阶段
2.  当前目标阶段
3.  冒泡阶段

事件对象

  e.target 是事件触发的元素
  this 是事件绑定的元素
  
  e.preventDefault()  阻止默认行为
  e.stopPropation()   阻止事件冒泡

事件委托

 给父元素注册事件,利用事件冒泡,
 当子元素的事件触发,会冒泡到父元素,
 然后去控制相应的子元素。
 

鼠标事件,键盘事件

  例   onmouseover 
  鼠标事件对象  e.pageX
               e.pageY
               
  例   onkeyup  onkeydown  onkeypress
  鼠标事件对象  keyCode