• JS事件流


    事件流:
    当页面元素触发事件的时候,该元素的容器以及整个页面都会按照特定顺序响应该元素的触发事件,事件传播的顺序叫做事件流。

    一、事件流的分类

      1.冒泡型事件(所有的浏览器都支持 w3c标准)

        由明确的事件源到最不确定的事件源依次向上触发。

      2.捕获型事件(IE不支持 w3c标准 火狐)
        不确定的事件源到明确的事件源依次向下触发。
          addEventListener(事件,处理函数,false)
          addEventListener(事件,处理函数,true)

    二、阻止事件流

      IE:
        事件对象.cancelBubble=true; 
      FF:
        事件对象.stopPropagation(); 
          function stopEvent(obj) {
            if(document.all) {
              obj.cancelBubble = true;
            } else {
              obj.stopPropagation();
            }
          }

    三、目标事件源的对象
      IE:事件对象.srcElement
      FF:事件对象.target
        btn.onclick = function(e){
          var ev = e || window.event;
          var sv = ev.srcElement || ev.target;
        }

  • 相关阅读:
    3.3测试复盘
    计算机网络-运输层面试题整理
    3.2专项测试复盘
    2.27专项测试复盘
    2.26排序专项测试复盘
    2.25专项测试复盘
    前端基础笔记1
    2.24专项测试复盘
    2.23专项测试复盘
    更新pip报错AttributeError: 'NoneType' object has no attribute 'bytes'
  • 原文地址:https://www.cnblogs.com/fannylovo/p/4669035.html
Copyright © 2020-2023  润新知