zoukankan      html  css  js  c++  java
  • js事件跨浏览器处理方案

    js跨浏览器事件工具:

    //事件工具对象

    var EventUtil = {};

    //添加事件

    EventUtil.addEvent = function(element,type,handle) {

         if(element.addEventListener) { //dom事件

               element.addEventListener(type,handle,false);

         }

        else if(element.attachEvent) {

               element.attachEvent("on" + type,handle);

        }

        else {

               element["on" + type] = handle;

         }

    }

    //删除事件

    EventUtil.removeEvent = function(element,type,handle) {

         if(element.removeEventListener) { //dom事件

               element.removeEventListener(type,handle,false);

         }

        else if(element.detachEvent) {

               element.detachEvent("on" + type,handle);

        }

        else {

               element["on" + type] = handle;

         }

    }

    //得到event

    EventUtil.getEvent = function(event) {

         return event?event:window.event;

    }

    //得到当前事件拥有对象

    EventUtil.getTarget = function(event) {

        return event.targert || event.srcElement;

    }

    //阻止浏览器默认事件

    EventUtil.preventDefault = function(event) {

        if(event.preventDefault) {

            event.preventDefault();

        }

       else {

        event.returnValue = false;

       }

    }

    //阻止事件捕获或冒泡

     EventUtil.stopPropagation = function(event) {

         if(event.stopPropagation) {

              event.stopPropagation();

         }

         else {

             event.cancelBubble = false;

        }

  • 相关阅读:
    shell脚本,通过传入的参数来计算最大值和最小值以及平均值。
    mac date命令
    jstorm系列-2:入门
    jstorm系列-1:入门
    git 如何恢复只是提交到本地的文件(或者commit)
    shell 参数
    shell 运算符
    shell 中的<,<<,>,>>
    shell 学习笔记
    java 多线程剖析
  • 原文地址:https://www.cnblogs.com/ai3xiaoyi/p/3972869.html
Copyright © 2011-2022 走看看