zoukankan      html  css  js  c++  java
  • 跨浏览器事件封装

    var EventUtil = {
            // 添加事件处理程序
            addHandler: function (element,type,handler) {
                if (element.addEventListener){
                    element.addEventListener(type,handler,false);
                } else if (element.attachEvent) {
                    element.attachEvent("on"+type,handler);
                } else {
                    element["on"+type] = handler;
                }
            },
            // 删除事件处理程序
            removeHandler: function (element,type,handler) {
                if (element.removeEventListener){
                    element.removeEventListener(type,handler,false);
                } else if (element.detachEvent) {
                    element.detachEvent("on"+type,handler);
                } 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 = false;
                }
            },
            // 阻止冒泡
            stopPropagation: function(event){
                if (event.stopPropagation){
                    event.stopPropagation();
                } else {
                    event.cancelBubble = true;
                }
            }
        };
  • 相关阅读:
    JAVA学习---文件和流
    JAVA学习---集合和工具类
    JAVA学习---异常
    python-time模块
    python-并发编程
    python-网络编程
    python-并发编程之进程
    python-面向对象之多态
    python-面向对象之反射
    python-面向对象之封装
  • 原文地址:https://www.cnblogs.com/vscss/p/9054866.html
Copyright © 2011-2022 走看看