首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE上的jQuery touchstart与nicescroll冲突

在IE浏览器上,jQuery的touchstart事件与nicescroll插件可能会发生冲突。这是因为nicescroll插件会修改浏览器的滚动行为,而jQuery的touchstart事件是用于移动设备上的触摸操作的。

解决这个冲突的方法是禁用nicescroll插件的滚动行为,然后使用jQuery的touchstart事件来处理触摸操作。可以通过以下步骤来实现:

  1. 禁用nicescroll插件的滚动行为:可以通过调用nicescroll插件的disable方法来实现,具体代码如下:$("html").getNiceScroll().remove();这将禁用nicescroll插件的滚动行为。
  2. 使用jQuery的touchstart事件处理触摸操作:可以通过以下代码来绑定touchstart事件的处理函数:$("html").on("touchstart", function(event) { // 处理触摸操作的代码 });在处理函数中,可以编写自己的逻辑来处理触摸操作。

需要注意的是,以上方法只是解决了jQuery的touchstart事件与nicescroll插件的冲突问题。如果还有其他冲突或问题,可能需要进一步调查和处理。

推荐的腾讯云相关产品:腾讯云移动应用分析(MTA)

  • 链接地址:https://cloud.tencent.com/product/mta
  • 优势:提供全面的移动应用数据分析和用户行为分析,帮助开发者深入了解用户行为和需求,优化产品和运营策略。
  • 应用场景:适用于移动应用开发者和运营者,帮助他们了解用户行为、改进产品功能、提升用户体验和留存率。

请注意,以上答案仅供参考,具体的解决方案可能因实际情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jquery nicescroll 配置参数

jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner...#FFF” cursorborderradius - 以像素为光标边界半径,默认为​​“递四方” zIndex - 改变z-index值滚动条div,默认值是9999 scrollspeed...- (仅当boxzoom =真实,使用触摸设备)缩放框激活时,间距输出/输入(默认:true) grabcursorenabled,显示“抢”图标的div touchbehavior = true...,对齐水平导轨(defaul:“底部”) enabletranslate3d,nicescroll可以使用CSS转换为滚动内容(默认:true) enablemousewheel,nicescroll...可以管理鼠标滚轮事件(默认:true) enablekeyboard,nicescroll可以管理键盘事件(默认:true) smoothscroll,滚动自如移动(默认:true) sensitiverail

4.1K80

触摸事件 touchstart、touchmove、touchend

1)touches:当前位于屏幕所有手指列表。...3、上面是使用 JQuery 写法,推荐使用如下所示 JavaScript 方式,因为在获取回调函数 事件对象时,JQuery 方式会有问题,JavaScript 则是没有问题。 <!...,可以参考 HTML DOM addEventListener() 方法 触摸手指个数分析 1、如下所示,将屏幕触摸手指个数信息打印出来进行分析。...3、tSize 是当前位于屏幕所有手指列表个数、targetTSize 是位于当前绑定事件 DOM 元素上手指列表个数、changedTSize 是涉及当前事件手指列表个数。...target).attr("class"));//JQuery 获取触摸对象class属性值 } /** * 手指在触摸屏移动时——函数调用

1.7K20
  • FastClick用法

    大家好,又见面了,我是你们朋友全栈君。 移动设备浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。...使用needsclick过滤特定元素 如果页面上有一些特定元素不需要使用fastclick来立刻触发点击事件,可以在元素class添加needsclick: <a class="needsclick...); // 引入 // 在<em>jquery</em>...4、<em>IE</em>11+浏览器设置了css<em>的</em>属性touch-action: manipulation,它会在某些标签(a,button等)禁止双击事件,<em>IE</em>10<em>的</em>为-ms-touch-action: manipulation...事件, 利用<em>touchstart</em>和touchend来模拟click事件 缺点: 点击穿透 5. fastclick 原理: 在检测到touchend事件<em>的</em>时候,会通过DOM自定义事件立即出发模拟一个

    1.3K20

    第四款编辑器:微信公众号使用 Markdown 来显示代码

    https://github.com/phodal/congee 技术栈: Ractive (template-driven UI library) Require.JS (AMD) CKEditor jQuery...Nicescroll jQuery Mixitup Spectrum (ColorPicker) 之前三个都没有下文了,好在这次功能比较简单,我只需要一个可以支持代码高亮转换工具——但是它看上去更像是一个转换工具...过去,我们要这样截图来显示模糊代码: 现在终于可以直接复制代码到编辑器,然后复制到代码来玩~~: (function () { var input, output; var converter...script> <script src="js/<em>jquery</em>...再 Ctrl + C 一下,就可以愉快地粘贴到你<em>的</em>公众号上了。 采用 10 px <em>的</em>字体、12 px<em>的</em>行高 GitHub 地址:https://github.com/phodal/mdpub

    1.7K80

    多种前端框架优缺点「建议收藏」

    该特性是JQuery可以与其他JavaScript库共存,在项目中放心地引用而不需要考虑到后期冲突。...8、链式操作方式:JQuery中最有特色莫过于它链式操作方式——即对发生在同一个JQuery对象一组动作,可以直接接连写无需要重复获取对象。...这种将行为层结构层完全分离思想,可以使JQuery开发人员和HTML或其他页面开发人员各司其职,摆脱过去开发冲突或个人单干开发模式。...这可能会影响到开发者已经编写好代码或插件。 2、插件兼容性:一点类似,当新版jQuery推出后,如果开发者想升级的话,要看插件作者是否支持。...VueReact: Vue API设计简单,语法简单,学习成本低 更快渲染速度和更小体积 React React渲染系统可配置性更强,并包含如shallow rendering这样特性

    3.6K20

    「移动端」touch事件,touchEvent对象

    一、touch事件类型 touchstart - 手指触摸屏幕,在元素按下时触发 touchmove - 手指移动,在元素按下之后屏幕上任意移动 tounchend - 手指在元素按下之后,屏幕任意位置抬起时触发...touchcancel - 触摸过程中被系统取消时触发 (很少使用) touch 事件mouse事件区别: touchstart:手指按下,mousedown:鼠标按下。...touchmove、touchend 只能在 touchstart 触发后,才能执行。但是 mousemove 只要鼠标在绑定元素,不按下也能执行。...html> <meta http-equiv="X-UA-Compatible" content="<em>IE</em>...每个触摸点对应<em>的</em> 都有一些重要<em>的</em>属性,分别为: clientX - 触摸点在可视区<em>的</em> x 坐标。 clientY - 触摸点在可视区<em>的</em> y 坐标。 pageX - 触摸点在网页<em>上</em><em>的</em> x 坐标。

    1K30

    移动端前端常见触摸相关事件touch、tap、swipe等整理

    四种之分 touchstart:手指触摸到屏幕会触发 touchmove:当手指在屏幕移动时,会触发 touchend:当手指离开屏幕时,会触发 touchcancel:可由系统进行触发,比如手指触摸屏幕时候...第三方插件监听 1) 使用jquery   为了查看三个属性区别,简单地只监听一个事件 $('.one, .two, #test'...由此可知: touches记录是屏幕全部触摸对象信息 targetTouches记录是当前DOM节点全部触摸对象信息 changedTouches记录着触发该次事件信息,一般长度为1...会有如下顺序事件触发: 1、第一根手指放下,触发touchstart 2、第二根手指放下,触发gesturestart 3、触发第二根手指touchstart 4、立即触发gesturechange...(多根手指在屏幕,提起一根,会刷新一次全局 touch,重新触发第一根手指touchstart) 9、提起第一根手指,触发touchend 还有其他事件有待发觉... gestureend

    2.2K20

    「移动端」touch事件,touchEvent对象

    一、touch事件类型 touchstart - 手指触摸屏幕,在元素按下时触发 touchmove - 手指移动,在元素按下之后屏幕上任意移动 tounchend - 手指在元素按下之后,屏幕任意位置抬起时触发...touchcancel - 触摸过程中被系统取消时触发 (很少使用) touch 事件mouse事件区别: touchstart:手指按下,mousedown:鼠标按下。...touchmove、touchend 只能在 touchstart 触发后,才能执行。但是 mousemove 只要鼠标在绑定元素,不按下也能执行。...html> <meta http-equiv="X-UA-Compatible" content="<em>IE</em>...每个触摸点对应<em>的</em> 都有一些重要<em>的</em>属性,分别为: clientX - 触摸点在可视区<em>的</em> x 坐标。 clientY - 触摸点在可视区<em>的</em> y 坐标。 pageX - 触摸点在网页<em>上</em><em>的</em> x 坐标。

    1.2K30

    「移动端」touch事件,touchEvent对象

    一、touch事件类型 touchstart - 手指触摸屏幕,在元素按下时触发 touchmove - 手指移动,在元素按下之后屏幕上任意移动 tounchend - 手指在元素按下之后,屏幕任意位置抬起时触发...touchcancel - 触摸过程中被系统取消时触发 (很少使用) touch 事件mouse事件区别: touchstart:手指按下,mousedown:鼠标按下。...touchmove、touchend 只能在 touchstart 触发后,才能执行。但是 mousemove 只要鼠标在绑定元素,不按下也能执行。...html> <meta http-equiv="X-UA-Compatible" content="<em>IE</em>...每个触摸点对应<em>的</em> 都有一些重要<em>的</em>属性,分别为: clientX - 触摸点在可视区<em>的</em> x 坐标。 clientY - 触摸点在可视区<em>的</em> y 坐标。 pageX - 触摸点在网页<em>上</em><em>的</em> x 坐标。

    2.4K20

    Github优秀开源类库推荐(值得收藏)

    GitHub,一个世界最大面向开源及私有软件项目的托管平台,你没事时候刷刷微博、抖音,人家没事时候刷刷 GitHub ,看看最近有哪些流行项目,久而久之,这差距就越来越大,这篇文章我就来给大家推荐下我收藏一些开源类库...php相关项目 名称 简介 关注度 Carbon 一个简单日期操作类 EasyWeChat 它可能是世界开发微信应用程序最好SDK。...Workerman 一款开源高性能异步PHP socket框架 PhpSpreadsheet 一个读取和写入电子表格文件纯 PHP 库 diff PHP差异比较(Diff)实现 Pay 可能是我用过最优雅...、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等 zTree.js 好用开源免费树形插件 sticky.js 固定导航位置悬浮插件 nicescroll.js...非常强大基于jQuery滚动条插件 towxml 微信小程序HTML、Markdown渲染库 开源博客 名称 简介 关注度 Jekyll 简单静态博客网站生成器 - 将纯文本转换为静态博客网站

    1.7K30

    touch事件,touchEvent对象

    一、touch事件类型 touchstart - 手指触摸屏幕,在元素按下时触发 touchmove - 手指移动,在元素按下之后屏幕上任意移动 tounchend - 手指在元素按下之后,屏幕任意位置抬起时触发...touchcancel - 触摸过程中被系统取消时触发 (很少使用) touch 事件mouse事件区别: touchstart:手指按下,mousedown:鼠标按下。...touchmove、touchend 只能在 touchstart 触发后,才能执行。但是 mousemove 只要鼠标在绑定元素,不按下也能执行。...html> <meta http-equiv="X-UA-Compatible" content="<em>IE</em>...每个触摸点对应<em>的</em> 都有一些重要<em>的</em>属性,分别为: clientX - 触摸点在可视区<em>的</em> x 坐标。 clientY - 触摸点在可视区<em>的</em> y 坐标。 pageX - 触摸点在网页<em>上</em><em>的</em> x 坐标。

    93630

    10-移动端开发教程-移动端事件

    最基本touch事件包括4个事件: touchstart: 当在屏幕按下手指时触发 touchmove: 当在屏幕移动手指时触发 touchend: 当在屏幕抬起手指时触发 touchcancel...2.1 touch事件click事件同时触发 在很多情况下,触摸事件和鼠标事件会同时被触发(目的是让没有对触摸设备优化代码仍然可以在触摸设备正常工作)。...一定是先要触发touchstart事件,再有可能触发 touchmove 事件。 ​touchmove 事件target 最先触发 touchstart target 保持一致。...如何用户手指从触屏设备边缘移出了触屏设备,也会触发 touchend 事件。 touchend 事件 target 也是 touchstart target 一致,即使已经移出了元素。...:手指在屏幕向下滑动时会触发 5.3 zepto手势相关事件 Zepto.js 是一个轻量级针对现代高级浏览器JavaScript库, 它适配了jQuery大部分api,也就是jQuery怎么用

    6.8K80

    手机网页中手指触摸计算 --JQuery 获取touchstart,touchmove,touchend 坐标

    JQuery写法 ---- 1 //手指开始触摸时,触发事件 2 $("#id").on('touchstart',function(e){ 3 4 var touch = e.originalEvent.targetTouches...[0]; //取页面上第一个手指 5 6 var x_ distance = touch.pageX; //获取手指在X轴距最左边距离 7 8 }) 三个函数: touchstart --...touchmove --(手指移动时触发) 获取手指第几个函数: e.originalEvent.changedTouches[0] --(获取第一个手指,0->1) 获取距离(touch为获取手指变量名...): touch.pageX --获取手指在X轴距最左边距离 touch.pageY --获取手指在Y轴距最上边距离 ----   原生写法 1 //原生写法 2 document.getElementById...("id").addEventListener("touchstart",function(e){ 3 var x=e.touches[0].pageX; //第一个手指距最左边距离 4

    1.3K20

    10-移动端开发教程-移动端事件

    最基本touch事件包括4个事件: touchstart: 当在屏幕按下手指时触发 touchmove: 当在屏幕移动手指时触发 touchend: 当在屏幕抬起手指时触发...2.1 touch事件click事件同时触发 在很多情况下,触摸事件和鼠标事件会同时被触发(目的是让没有对触摸设备优化代码仍然可以在触摸设备正常工作)。...一定是先要触发touchstart事件,再有可能触发 touchmove 事件。 ​touchmove 事件target 最先触发 touchstart target 保持一致。...touchend 事件 target 也是 touchstart target 一致,即使已经移出了元素。 ?...5.3 zepto手势相关事件 Zepto.js 是一个轻量级针对现代高级浏览器JavaScript库, 它适配了jQuery大部分api,也就是jQuery怎么用,Zepto.js就怎么用。

    6.4K70

    从零开始学 Web 之 移动Web(三)Zepto

    Zepto是一个轻量级针对现代高级浏览器 JavaScript库, 它与jquery有着类似的api。...Zepto 主要使用在移动端浏览器上面,由于移动端浏览器都是比较新平台,而 jQuery 主要是在 PC 为了浏览器兼容性而使用,所以在移动端一般不使用 jQuery,因为它兼容性失去了意义...Zepto 就是移动端代替 jQuery js 库,它封装了很多关于手势操作方法。如果你会用jquery,那么你也会用zepto。...二、手势事件封装 Zepto 将移动端 touchStart,touchmove 和 touchEnd 封装成了一系列事件。 tap :触摸屏幕时触发。...三、Zepto 模块化 Zepto 有一点和 jQuery 是不同,就是 Zepto 是分模块。在使用时候不是像 jQuery 只需要引入一个 js 文件就可以了。Zepto 是分模块

    1.5K20
    领券