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

  • 相关阅读:
    时间控件的操作
    Appium环境搭建
    测试常用英文词汇
    自动化测试中一段代码对应多个用例
    Linux常见命令
    元素的操作的简谈
    eclipse代码编辑界面代码块收缩的实现
    关键字驱动和数据驱动
    uni-app中如何判断浏览器内核
    JS实现 图片放大镜功能
  • 原文地址:https://www.cnblogs.com/brandbao-blog/p/12235317.html
Copyright © 2011-2022 走看看