zoukankan      html  css  js  c++  java
  • 原生javascript跨浏览器常用事件处理

    var eventUntil = {
                getEvent: function (event) {//获取事件
                    return event ? event : window.event
                },
                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]
                    }
                },
                removeHandler: function (event) {//移除事件监听
                    if (element.removeEventListener) {
                        element.removeEventListener(type, handler, false);
                    } else if (element.detachEvent) {
                        element.detachEvent("on" + type, handler)
                    } else {
                        element["on" + type] = null
                    }
                },
                stopPropagation: function (event) {//阻止冒泡
                    if (event.stopPropagation) {
                        event.stopPropagation();
                    } else {
                        event.cancelBubble = true;
                    }
                },
                preventDefault: function (event) {//取消事件默认行为
                    if (event.preventDefault) {
                        event.preventDefault();
                    } else {
                        event.returnValue = false;
                    }
                },
                getTarget: function (event) {//获取事件目标
                    return event.target || event.srcElement
                },
                getWheelDelta: function (event) {//获取滚轮事件delta增量(opera9.5以下版本wheelDelta值相反)
                    if (event.wheelDelta) {
                        return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta)
                    } else {
                        return -event.detail * 40//firefox
                    }
                }
            };
  • 相关阅读:
    JavaScript:Number 对象
    JavaScript:Math 对象
    杂项:引用资源列表
    小团队管理与大团队管理
    技术转管理
    【翻译+整理】.NET Core的介绍
    自己开发给自己用的个人知识管理工具【脑细胞】,源码提供
    关于【自证清白】
    这篇博客能让你戒烟——用程序员的思维来戒烟!
    如果我是博客园的产品经理【下】
  • 原文地址:https://www.cnblogs.com/lpggo/p/7482408.html
Copyright © 2011-2022 走看看