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;
        }
      }
    };
    

      

  • 相关阅读:
    监听事件 队列 邮件发送
    elasticsearch 天气
    elasticsearch
    event 监听事件
    observer 监听的实现 laravel 框架
    中间件
    git 代码 上传到码云
    laravel 省略入口文件 index.php
    limit offset 和limit
    CSS变形和动画
  • 原文地址:https://www.cnblogs.com/yzg1/p/4892863.html
Copyright © 2011-2022 走看看