解决滑动时不触发touchend事件的bug

最新推荐文章于 2023-10-24 15:56:17 发布

转载最新推荐文章于 2023-10-24 15:56:17 发布 · 2.6k 阅读

文章标签：

#touchend

本文提供了解决在滑动操作中不触发touchend事件的问题的方法，通过在touchstart事件中使用e.preventDefault()来阻止默认行为，从而确保touchend事件能够正常触发。

解决滑动时不触发touchend事件的bug

doucment.ontouchstart = function() {

e.preventDefault();

}

原文地址 http://www.douban.com/note/425950082/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

quxiaolei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【uniapp小程序】解决touchend事件无法触发的坑！安卓4.0真给我整不会了！

代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。

10-07

222

在使用uniapp开发微信小程序的过程中，我遇到了一个让人抓狂的 bug。当我尝试用touch系列事件来实现一个下拉功能时，发现touchend居然没有触发！😓我最开始以为是逻辑问题，后来才发现——这是安卓系统的锅。如果你也遇到类似的问题，那这篇文章一定能帮你避坑。安卓的touchend不触发问题，说白了是系统层面的兼容性坑。方案优点缺点可触发 touchend会禁用滚动控制灵活某些安卓仍无效替代简单有效需额外监听稳定性最好改造成本略高✅直接用替代touchend。

QT在触摸屏上如何实现按键长按功能？

buhuiCyvyan的博客

01-02

2401

要使用按钮的长按功能，想当然的会想到使用pressed和released信号，在按钮按下和释放的时候发出一个信号。但是我在surface的win10上使用时，长按时按钮似乎不能被按下，只有在点按时可以按下，但是这样pressed和released信号都会马上被触发，起不到长按的效果。

参与评论您还未登录，请先登录后发表或查看评论

移动端touchend事件不触发解决方案

Jartto's Blog

06-25

3113

移动端touchend事件不触发，需要在touchstart中加入：1e.preventDefault(); 但是问题来了，阻止默认事件后，页面原先的滚动条也无法滚动了。查阅了资料，在stackoverflow上得到如下解释： To workaround this bug you have to call preventDefault() on either the...

android move事件,Android的浏览器不处理touchmove事件正确

weixin_29378975的博客

05-29

344

当我尝试检查在this jsbin demo的touchmove事件只在Chrome和Opera触发一次针对Android，并且之后，它触发的，而不是继续触发touchmove事件touchcancel事件？Android的浏览器不处理touchmove事件正确基于两个the W3C specs，并在这两个Android版Firefox和Android的默认浏览器中touchmove事件的行为上，...

由于touchend事件在滑动时也会被触发，引起了误操作

筑释科长的博客

08-14

1976

问题：在列表里运用touchend事件，当手指在列表上滑动时，也会触发列表元素上的touchend事件方案一： /*仅适用于内容中点击元素。对于拖动等元素，需要自行在页面处理。 * 主要是绑定touchstart和touchmove事件，并判断用户按下之后手指移动了多少像素。 * 如果手指移动距离小于10像素，则还是认为用户在做点击操作。如果移动距离超过了10像素，则取消后续事件监听函数的执...

QT 触控事件和鼠标事件的分离（问题已解决）

weixin_43301015的博客

10-19

3382

QT 多点触控问题总结（一）

Qt触摸屏双指缩放和单指移动界面（支持嵌入式设备）

weixin_43246170的博客

10-24

7406

2、在event事件管理器中接收触摸屏的三个事件，TouchBegin、TouchUpdate和TouchEnd。6、如果是单点触摸，通过比较手指放上去的位置和手指拖动时的位置来设置界面滚动条的位置。4、如果多点触摸，通过比较前后两次两点间触摸位置来判断是放大还是缩小。5、多点触摸时，会存在抖动情况，需要做防抖处理。3、判断单点触摸还是多点触摸。1、首先需要打开触摸屏功能。

我页面有个勾选按钮会触发 touchstart 和 touchend

最新发布

12-13

在移动端网页中，勾选按钮（如 `checkbox`）默认可能会触发 `touchstart` 和 `touchend` 事件。这些是移动设备上的触摸事件，浏览器会在用户触摸屏幕时发送它们。如果你发现勾选按钮**意外地触发了额外的逻辑**，...

手势滑动删除功能BUG修复建议

1. **响应不准确**：用户滑动时可能出现识别错误，未能正确触发删除操作。解决方案可能是优化手势识别算法，或者调整滑动敏感度。 2. **动画卡顿**：复杂的动画效果可能导致性能问题，使用户感受到卡顿。通过优化...

swipable：基于jQuery的滑动事件处理插件

当手指抬起时触发 `touchend`，根据最终位移差值判断滑动方向（左/右/上/下），并执行相应的回调函数。同时，为了兼顾非触摸设备（如桌面浏览器），插件也兼容鼠标事件（`mousedown`、`mousemove`、`mouseup`），...

bug修复：PC端，要求右键点击作为longclick触发；移动端现在只有dblclick没有click事件，请仔细梳理逻辑并考虑兼容性彻底修复

08-06

为了快速解决问题，我们可以先放宽条件：如果移动端触摸事件中，`touchInfo.value`不存在，我们仍然允许触发点击事件？或者，我们可以在`handleUp`中，如果`isTouch`为真，但`touchInfo.value`不存在，我们就不进行...

iOS开发经验总结

piratest的专栏

08-18

1074

iOS开发经验总结

IOS绑定touchend事件失效

weixin_33728708的博客

06-08

2434

Unable to preventDefault inside passive event listener due to target being treated as passive. 不止是iOS，chrome等浏览器均存在类似问题，原因在于其在实现时的一点小改动：浏览器只有在执行事件处理函数后才能知道有没有触发preventDefault，故页面会有延迟。为了解决这种延迟，从而让页面滚动...

解决react onTouchEnd事件在移动端，随手指滑动触发问题

热门推荐

m0_38073829的博客

07-19

1万+

react开发支持的事件中，onClick事件，部分标签不支持点击，只能onTouchEnd，但是在移动端，手指触碰到事件绑定元素上，滑动，也会触发该事件，故来share解决办法，有更好的方法，欢迎评论 1.事件改为 onClickCapture 但是改完之后，你会发现可以点击，安卓手机测试，完全ok，但是ios上，事件却不生效，此时，完成下面一部，就解决了一大半了 2

ios 用touchend事件 pc用click touchend击穿

weixin_33725239的博客

01-05

348

var clickEvent = (function() { if ('ontouchend' in document.documentElement === true) return 'touchend'; else return 'click';})(); 击穿用延迟300秒隐藏 $('.tip_page').fadeOut(300,function(){　　xxxxxxxxx ...

iOS的HTML5不支持click，'touchend'通用

irizhao的专栏

09-06

2160

如：$api.addEvt(body, 'touchend', function(e) {

touchend在iphone 6s中不生效

qq_41265268的博客

06-24

908

如何让touchmove之后不触发touchend的事件

u010552788的专栏

06-01

6836

<div class="m-action-container"> <a class="u-btn-focus" href="javascript:;" ontouchend="window.setTimeout(function(){twindowrackMail()},0);">当前快件追踪</a> </div>以前的项目上有很多这样的代码