javaScript-DOM(三)

六、DOM事件

1) DOM事件流
  • . capture phase (捕获事件)(ie低版本没有)(ˈkæptʃə(r))
    从window一次向下捕获到触发事件的元素
javaScript-DOM(三)_第1张图片
捕获
  • . target phase (事件触发过程)
javaScript-DOM(三)_第2张图片
事件触发过程
  • . bubble phase (冒泡过程)(load事件没有)
javaScript-DOM(三)_第3张图片
冒泡过程-绿色虚线
2) 事件注册

![事件注册](http://upload-images.jianshu.io/upload_images/3735344-6a3944a1d55bc8af.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
:elem.onclick可以注册多个

取消事件注册

通常不建议:

elem.oncilck = null;
3) 事件触发
触发click事件
4) 事件对象
javaScript-DOM(三)_第4张图片
事件对象兼容
  • . 属性
  • type(事件类型)
  • target(a标签时,a链接元素)
  • currentTarget (当前处理事件节点的元素)
  • . 方法
  • stopPropagation (阻止冒泡W3C-阻止传播到父节点)
  • preventDefault (阻止默认行为-如:打开链接)
  • stopImmediatePropagation (阻止冒泡W3C-阻止传播到父节点并阻止后面的行为)
5) 事件分类
javaScript-DOM(三)_第5张图片
事件分类

你可能感兴趣的:(javaScript-DOM(三))