zoukankan      html  css  js  c++  java
  • 事件对象

    一、DOM中的事件对象

    1.获取

    var event = event

    2.事件目标

    event.target

    3.阻止事件冒泡

    event.stopPropagation();

    4.阻止默认行为

    event.preventDefault()
    

      

    二、IE中的事件对象

    1.获取

    window.event;

    2.事件目标

    event.srcElement;

    3.阻止事件冒泡

    event.cancelBubble = true;

    4.阻止默认行为

    event.returnValue = false;

    三、跨浏览器事件对象

    var EventUtil = {
      addHandler: function(element, type, handler){
      //省略的代码
      },
      getEvent: function(event){
        return event ? event : window.event;
      },
      getTarget: function(event){
        return event.target || event.srcElement;
      },
      preventDefault: function(event){
        if (event.preventDefault){
        event.preventDefault();
        } else {
        event.returnValue = false;
        }
      },
      removeHandler: function(element, type, handler){
        //省略的代码
      },
      stopPropagation: function(event){
        if (event.stopPropagation){
          event.stopPropagation();
        } else {
          event.cancelBubble = true;
        }
      }
    };
    

      

  • 相关阅读:
    npm 安装卸载模块 & ionic插件安装与卸载
    Vue中v-model解析、sync修饰符解析
    Vue props用法详解
    vue页面跳转
    Swift 4 中的泛型
    Swift枚举的全用法
    蓝牙 BLE 三种 UUID 格式转换
    SVG图案
    SVG渐变
    SVG坐标系统及图形变换
  • 原文地址:https://www.cnblogs.com/yzg1/p/4892863.html
Copyright © 2011-2022 走看看