• 通用事件对象(跨浏览器)


    var EventUtil = {
            addHander: function(element, type, handler) {
                if (element.addEventListener) {
                    element.addEventListener(type, handler, false)
                } else if (element.attchEvent) {
                    element.attchEvent('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) { //使用这个方法跨浏览器取得event对象
                return event ? event : window.event;
            },
            getTarget: function(event) { //返回事件的实际目标
                return event.target || event.srcElement;
            },
            stopBubble: function stopBubble(event) {
                // 如果提供了事件对象,则这是一个非IE浏览器
                if (event && event.stopPropagation) {
                    // 因此它支持W3C的stopPropagation()方法 
                    event.stopPropagation();
                } else {
                    // 否则,我们需要使用IE的方式来取消事件冒泡
                    window.event.cancelBubble = true;
                }
            },
            stopDefault: function(event) {
                // 阻止默认浏览器动作(W3C)
                if (event && event.preventDefault) {
                    event.preventDefault();
                } else {
                    // IE中阻止函数器默认动作的方式
                    window.event.returnValue = false;
                }
                return false;
            },
            getWheelDelta: function(event) { //获取表示鼠标滚轮滚动方向的数值
                if (event.wheelDelta) {
                    return event.wheelDelta;
                } else {
                    return -event.detail * 40;
                }
            },
            getCharCode: function(event) { //以跨浏览器取得相同的字符编码,需在keypress事件中使用
                if (typeof event.charCode == "number") {
                    return event.charCode;
                } else {
                    return event.keyCode;
                }
            }
        };
  • 相关阅读:
    标准差和方差
    Prism+WPF使用DependencyInjection实现AutoMapper的依赖注入功能
    集合框架3-Arrays 类
    集合框架2- ArrayList
    Windows 下安装 SSH 服务(Openssh)
    利用 Spring Boot 中的 @ConfigurationProperties,优雅绑定配置参数
    Spring系列.Environment接口
    (4)ElasticSearch在linux环境中搭建集群
    (1)RabbitMQ在Docker上安装
    说一说Web端侧AI
  • 原文地址:https://www.cnblogs.com/happyhaibei/p/6890755.html
Copyright © 2020-2023  润新知