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;
                }
            }

        }

Ie,Google Chrome 监听兼容事件相关推荐

  1. 使用js监听文件下载事件,解决导出excel文件名为.do的bug

    目录: 1. 简单粗暴使用XHR,不考虑IE,带下载中的灰度弹窗 2. 苟一苟,直接使用`window.location`,不过除了保存文件外,没有别的点击提醒,不能防止重复点击. 3. 下载的文件名 ...

  2. chromedp网络监听_动态爬虫三:监听网络事件 + 监听js事件

    一: 概述 上两篇文章介绍了cdp协议和chromedp库,从这篇文章开始动手实战一下,我们要拿到页面上更多的网络请求,最直接的想法就是类似于开发者工具里的network,只有一有网络请求就显示在列表 ...

  3. js如何监听元素事件是否被移除_JavaScript 监听元素是否进入/移出可视区域

    JavaScript 监听元素是否进入/移出可视区域 常规操作 防抖节流 IntersectionObserver 兼容的代码 常规操作 通常的做法是,监听srcoll事件,根据元素的offset来判 ...

  4. javascript事件监听与事件委托

    事件监听与事件委托 在js中,常用到element.addEventListener()来进行事件的监听.但是当页面中存在大量需要绑定事件的元素时,这种方式可能会带来性能影响.此时,我们可以用事件委托 ...

  5. js如何监听元素事件是否被移除_JS移除事件监听的方法 .removeEventListener( )

    JS用addEventListener添加事件监听方法后,可以用removeEventListener来解除监听: element.removeEventListener(event, myFunct ...

  6. 监听滚动事件 实现动态锚点

    前几天做项目的时候,需要实现一个动态锚点的效果 如果是传统项目,这个效果就非常简单.但是放到 Vue 中,就有两大难题: 1. 在没有 jQuery 的 animate() 方法的情况下,如何实现平滑 ...

  7. vue监听滚动事件 实现某元素吸顶或者固定位置显示

    vue监听滚动事件 实现某元素吸顶或者固定位置显示 最近写了一个VUE的web app项目,需要实现某个部位吸顶的效果.即,页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示. 1.监听滚动事件 ...

  8. js 监听 安卓事件_百行代码实现js事件监听实现跨页面数据传输

    百行代码实现js事件监听实现跨页面数据传输 使用场景 类似消息队列的使用场景,支持同页面和跨页面通信,发送消息和接收消息 技术原理 跨页面通信: 基于事件监听,通过监听 storage事件监听回调机制 ...

  9. 【iOS-Cocos2d游戏开发之五】【1】多触点与触屏事件详解(单一监听、事件分发)...

    本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2d/450.html ...

最新文章

  1. 基于深度学习的视觉三维重建研究总结
  2. 网络推广——网络推广专员如何提升企业网站转化率?
  3. Servlet笔记2-文件上传
  4. 使用Webrtc和React Js在网络上共享跨平台的点对点文件
  5. SAP GraphQL on Kyma
  6. 工业以太网交换机常见故障排除的三种方法
  7. Analytics API and Customer Data Platform | Segment
  8. 接口 java 1614953826
  9. 挑战10个最难的Java面试题(附答案)【上】
  10. 一个简单的例子带你理解HashMap
  11. 从Linux基础到k8s进阶,马哥_K8s进阶实战(11)Kubernetes系统扩展
  12. 微服务架构·基础篇[转]
  13. mysql主从复制与主主复制
  14. 电气工程师必备的东西
  15. 【视频转换】监控视频DAV转mp4
  16. Java输出竖排古典文字
  17. 大屏制作 | 完成一个美观大屏到底多简单?四步完成
  18. 聚蓝bluetech便携式移动滤水壶 家用净水壶,值得拥有
  19. nginx upstream中长连接池的维护
  20. 从0开始学习微服务(二)

热门文章

  1. java jackson gson_Jackson vs Gson
  2. Windows:16bit Windows Subsystem:config.nt.The system file is not suitable for running MS-DOS...究极解法
  3. 全选、全不选,批量操作
  4. docker 使用supermin5工具制作镜像并且编写相应的dockerFile文件,并使用此文件来制作相应的镜像。两种方法进行例子分析
  5. 什么是事务,事务的四个特性是什么
  6. 新媒体如何视频营销、作高质量的动图、企业视频的策划?
  7. wpa_supplicant and hostapd 简介
  8. 旺旺老师JavaSE基础第一章(04)HelloWorld
  9. DMU在windows下安装测试--外篇1
  10. 【光学】基于matlab GUI矩阵法和等效界面法光学薄膜对反射率影响【含Matlab源码 2102期】