Ie,Google Chrome 监听兼容事件

最新推荐文章于 2025-06-28 09:19:42 发布

九

最新推荐文章于 2025-06-28 09:19:42 发布

阅读量789

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_31301099/article/details/61743065

js 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种跨平台的事件处理方案，能够根据不同设备（如手机或电脑）自动切换触摸事件和鼠标事件。通过JavaScript实现了添加、移除及获取事件的方法，并支持多种浏览器环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var mobile   = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
var touchstart = mobile ? "touchstart" : "mousedown";
var touchend = mobile ? "touchend" : "mouseup";
var touchmove = mobile ? "touchmove" : "mousemove";

var eventUtil = {
//            添加事件
            addEvent: function (element,type,event) {
                if(element.addEventListener){
                    element.addEventListener(type,event,false);
                }else if(element.attachEvent){
                    element.attachEvent(type,event)
                }else{
                    element.type = event;
                }
            },
//            移除事件
            removeEvent: function(){
                if(element.removeEventListener){
                    element.removeEventListener(type,event,false);
                }else if(element.detachEvent){
                    element.detachEvent(type,event)
                }else{
                    element.type = null;
                }
            },
//            获取事件
            getEvent: function (event) {
                return event || window.event;
            },
//            获取类型
            getType: function (event) {
                return event.type;
            },
//            获取当前对象
            gteElement: 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;
                }
            }
            
        }