美文网首页
javaScript-DOM(三)

javaScript-DOM(三)

作者: 冰已凋零 | 来源:发表于2017-01-14 23:02 被阅读0次

六、DOM事件

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

![事件注册](https://img.haomeiwen.com/i3735344/6a3944a1d55bc8af.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
:elem.onclick可以注册多个

取消事件注册

通常不建议:

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

相关文章

  • javaScript-DOM(三)

    六、DOM事件 1) DOM事件流 . capture phase (捕获事件)(ie低版本没有)(ˈkæptʃə...

  • JavaScript-DOM操作

    JavaScript-DOM操作 1.DOM DOM(document object model),文档对象模型。...

  • Javascript操作DOM常用API总结

    原文地址:http://luopq.com/2015/11/30/javascript-dom/ 文本整理了jav...

  • DOM(一):Node属性与方法

    DOM之Node属性与方法思维导图 JavaScript-DOM之Node方法 Node.nodeType No...

  • Javascript-DOM

    一、node类型 nodeType属性:表明节点的类型nodeNamenodeValue 2、节点关系 child...

  • JavaScript-DOM

    操作DOM 更新DOM 9.表单 10.操作文件 11.回调

  • JavaScript-DOM

    概述获取标签、获取属性、获取内容样式事件 概述 获取标签(1,2,3,4)获取属性(5)获取内容(6) 样式 事件

  • javascript-DOM基础

    理解1.包含不同层次节点的dom,使用不同的节点类型dom(文档对象模型)是针对html和xml文档的一个api,...

  • Javascript-DOM扩展

    一、选择符API Selectors API(www.w3.org/TR/selectors-api/)是由W3C...

  • javaScript-DOM(一)

    一、文档树 二、节点 1) 节点遍历 以 p 标签为例 注:element.childrenIE低版本不支持 2...

网友评论

      本文标题:javaScript-DOM(三)

      本文链接:https://www.haomeiwen.com/subject/tnqybttx.html