使用iscroll滑动区域内的div onclick事件单击一次触发了两次问题的解决

最新推荐文章于 2020-12-20 15:15:08 发布
最新推荐文章于 2020-12-20 15:15:08 发布
阅读量1k 收藏
点赞数
文章标签： 三星
这个问题是因为iscroll在判断滑动前,阻止了click事件,然后在滑动后,对原来的click事件进行了重构,一些设备上,比如你说的三星,并没有将默认的click阻止掉.所以,出现了类似双击的现象.好了,解释到此,给出解决方法:
更改iscroll.js文件
搜索onBeforeScrollStart方法,将其中的preventDefault禁止掉
搜索_end方法,将其中模拟click事件的方法全部给注释掉.
这个方式是可以解决的,具体深入,待共同研究了.
月爷之爷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iScroll中事件点击触发两次解决方案
11-26
之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下，比较累人。本人喜欢搬砖前先选工具。其实解决这个方法很简单。iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(_end这个函数)。而在实际操作中，先执行了touchend，然后再执行了一次onclick的相关函数。这样就形成了头疼的一次点击两次触发。这本来就一个不是问题的问题。之所以说这是个问题，是因为这样是我们不得不去看一看iScroll的源代码。解决这个问题的途径就是拒绝第二次执行函数。而我
iScroll滑动插件的使用示例
11-21
iScroll是一款广泛应用于Web开发中的JavaScript滚动插件，由Matteo Spinelli开发。它提供了高性能、平滑的滚动效果，适用于触摸设备和鼠标操作的网页。在移动设备上，由于浏览器内置的滚动机制可能存在性能问题，...
iscroll滑动区域内的div onclick事件单击一次触发了两次bug解决
kaosini的专栏
05-06 3469
1、自己写一个fn-->myclick，然后onclick="myclick();"调用。 代码： JavaScript code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var t1 = null;//这个设置为
关于iscroll5 click事件触发两次
好好学习
04-27 7627
  </pre>用iscroll做滑动时，里面的元素需要绑定click 事件，但是，明明只是绑定了一次，却触发了两次。<p></p><p></p><pre name="code" class="html"><div id="wrapper" style="
onclick触发两次_iScroll中事件点击触发两次解决方案
weixin_39566914的博客
12-20 547
之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下，比较累人。本人喜欢搬砖前先选工具。其实解决这个方法很简单。iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(_end这个函数)。而在实际操作中，先执行了touchend，然后再执行了一次oncli...
IScroll5要防止重复加载
weixin_30244681的博客
07-01 85
增加一个判断条件，ajax未返回前，设置为true,返回前设置为false,只有为false下才能够出发加载数据事件效果好很多。 转载于:https://www.cnblogs.com/zhaogaojian/p/9249756.html...
iscroll4中滑动页面触发点击事件
nobug12138的博客
04-13 1134
找到iscroll.js中： if (target.tagName != ‘SELECT’ && target.tagName != ‘INPUT’ && target.tagName != ‘TEXTAREA’) 修改为： if (target.tagName != ‘SELECT’ && target.tagName != ‘INPUT’ && target.tagName != ‘TEX
原生js实现下拉到底事件(2)-解决为什么ie下的onscroll事件轮滚过快就执行了2次呢?
orichisonic的专栏
05-10 1543
这个是原来的写法： var throldHold = 20; //两次scroll事件触发之间最小的事件间隔 window.onscroll = function(){ if(arguments.callee.timer) clearTimeout(arguments.callee.timer); arguments.callee.timer = setTimeout(fun
iscroll滑动效果
04-03
iscroll是一款轻量级的JavaScript滚动插件，由Matteo Spinelli开发，它主要用于处理浏览器中的滚动事件，提供平滑、高性能的滚动体验。iscroll适用于移动端和桌面端，尤其在处理触摸事件和轮播效果时表现出色。在这...
vue中利用iscroll.js解决pc端滚动问题
01-21
项目中经常遇到区域超出部分会出现滚动条，滚动条在pc端可以通过鼠标滚轮控制上下，在移动端可以通过鼠标拖动页面进行滚动，这两种场景都是符合用户习惯，然而这种滚动条一般都是竖【vertical】项滚动条，如果pc端...
解决vue里iscroll（better-scroll）点击触发两次和初始化无法滚动问题！
一念执着。c的博客
03-29 6408
这两个插件我用过好几次，有时候很顺利，不顺利的时候真的很麻烦，一直无法滚动，明明style里已经有样式了，就是滚动不了。 先说下在vue里的三种的引入方式： 在jindex.html文件里通过script的方式引入进来，let iscroll = new IScroll(‘.wrapper’,{click:true} <script type="text/javascript&
使用iscroll滑动区域内的div onclick事件单击一次触发了两次
不止二
02-08 1304
我也遇到这样的问题，最后通过2次点击时间差来解决。（500是2次点击时间差，单位ms） 1、自己写一个fn-->myclick，然后onclick="myclick();"调用。 代码： JavaScript code? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var t1 = null;//这个设置
iScroll4中事件点击一次却触发两次解决方案
weixin_30566111的博客
02-12 105
　　iScroll是我们在做手机网页中常用的滑动控件之一。单说其功能已相当丰富。但个别时候也是会掉坑的，正好这次就遇上了。在android的app中嵌入网页时不少手机会出现一次点击两次触发的现象。经过一段时间的折腾，总算想到了一个还算合理的解决放案。 　　之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下，比较累人。本人喜欢搬砖前先选工具。其实...
jquery click点击一次执行两次解决方法
热门推荐
ydm东方旭日的专栏
04-19 2万+
$('#sub').unbind('click').click(function () { ... });
better-scroll不滚动/连续两次触发点击事件等问题的解决
zhaohanqq的博客
12-12 5048
一/ 不滚动 一般我们自己做滚动都是这种结构 <div class="content"> <-- 需要滚动的内容 --> </div> 会将高度等样式设置在“.content”元素上
iscroll 只触发一次 pullupaction
最新发布
05-30
针对你的问题，一般情况下 iScroll 应该会触发多次 pullupaction，如果你只触发了一次，可能是因为以下原因之一： 1. 你的 `pullUpAction` 函数中没有调用 `myScroll.refresh()`，因此 iScroll 不知道何时停止滚动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值