zoukankan      html  css  js  c++  java
  • JavaScript-跨浏览器事件处理程序(EventUtil)

    事件操作对象:

    var EventUtil= {

      //添加事件

      addHandler: function (element, type, handler) {
        if (element.addEventListener) {
          element.addEventListener(type, handler, false);
        }else if (element.attachEvent) {  //IE
          element.attachEvent("on" + type, handler, false);
        } else {
          element["on" + type] = handler;
        }
      },

      //移除对象
      removeHandler: function (element, type, handler) {
        if (element.removeEventListener) {
          element.removeEventListener(type, handler, false);
        } else if (element.detachEvent) {  //IE
          element.detachEvent("on" + type, handler, false);
        } else {
          element["on" + type] = null;
        }
       },

      //获取事件对象
      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;
        }
      },

      //停止冒泡

      stopPropagation: function (event) {
        if (event.stopPropagation) {
          event.stopPropagation();
        } else {

          event.cancelBubble = true;
        }
      }
    };

  • 相关阅读:
    HashMap与HashTable的区别
    mybatis 乐观锁和逻辑删除
    HTML里的哪一部分Javascript 会在页面加载的时候被执行?
    js遍历Object所有属性
    Sequence在Oracle中的使用
    JAVA实现DES加密实现详解
    axios 全攻略之基本介绍与使用(GET 与 POST)
    PowerDesigner使用教程
    Ajax json 数据格式
    CentOS 7安装Hadoop 3.0.0
  • 原文地址:https://www.cnblogs.com/dongshenjun/p/13471967.html
Copyright © 2011-2022 走看看