zoukankan      html  css  js  c++  java
  • DOM事件流

    事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流

    注意:

      1.JS 代码中 只能执行捕获或者冒泡其中的一个阶段

      2.onclick 和 attachEvent 只能得到冒泡阶段

      3.addEventListener(type,listener[,useCapture]) 第三个参数是 true ,那么处于捕获阶段,    执行顺序:document -> html -> body -> father-> son

       案例:先弹出 father 再弹出 son 

       son.addEventListener('click',function(){

         alert('son');

       },true);

       father.addEventListener('click',function(){

         alert('father');

       },true);

      4.冒泡阶段  如果addEventListener 第三个参数是 false 或者 省略,那么处于冒泡阶段 

      执行顺序:son -> father -> body -> html -> document  

      案例:先弹出 son 再 弹出 father 

         son.addEventListener('click',function(){

         alert('son');

        },false);

       father.addEventListener('click',function(){

         alert('father');

       },false);

      5.实际开发中我们很少使用事件捕获,我们更关注 事件冒泡

      6.有些事件是没有冒泡的,比如 onblur 、onfocus、onmouseenter、onmouseleave

      7.事件冒泡有时候会带来麻烦,有时候又会帮助很巧妙的做某些事件。

  • 相关阅读:
    求文件的hash值(基于SHA3的Hash)
    Discrete Log Algorithms :Baby-step giant-step 【二】
    非专业填坑
    xml转换csv
    使用PowerShell批量注册DLL到GAC
    ui-grid 中cellTemplate中click事件
    ui-grid样式,表格高度自适应行高,没有滚动条,去掉表头
    ui-grid使用详解
    数组过滤重复元素
    正则表达式验证邮箱
  • 原文地址:https://www.cnblogs.com/qtbb/p/11681142.html
Copyright © 2011-2022 走看看