touchend在iphone 6s中不生效

最新推荐文章于 2024-05-11 14:37:58 发布
最新推荐文章于 2024-05-11 14:37:58 发布
阅读量784 收藏
点赞数
分类专栏： touch事件 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41265268/article/details/93479210
版权

场景：下拉查看更多

使用touchend事件来获得滚动高度，在安卓机上能正常触发touchend，但是在iPhone 6s上不能正常触发。

解决方法：将touchend事件改成了touchmove

期间看到的其他的方法（虽然最后并不是我的问题的解决方法）：
iOS safari浏览器上overflow: scroll元素无法滚动bug深究

都是好猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿iPhone滑屏解锁查看微信特效代码
03-20
例如，监听触摸事件（touchstart, touchmove, touchend），计算手指滑动路径，判断是否解锁成功，以及在解锁后如何显示微信界面。 4. 可能的框架或库：为了简化开发，开发者可能使用了如jQuery这样的库来处理DOM...
HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
10-22
本文主要介绍HTML5实战与剖析之触摸事件，介绍的比较详细，需要的朋友可以参考下。
IOS绑定touchend事件失效
weixin_33728708的博客
06-08 2268
Unable to preventDefault inside passive event listener due to target being treated as passive. 不止是iOS，chrome等浏览器均存在类似问题，原因在于其在实现时的一点小改动： 浏览器只有在执行事件处理函数后才能知道有没有触发preventDefault，故页面会有延迟。为了解决这种延迟，从而让页面滚动...
移动端touchstar、touchmove、touchend 事件如果页面有滚动时不让触发 touchend 事件。
u011927449的博客
07-13 567
/*仅适用于内容中点击元素。对于拖动等元素，需要自行在页面处理。 * 主要是绑定touchstart和touchmove事件，并判断用户按下之后手指移动了多少像素。 * 如果手指移动距离小于10像素，则还是认为用户在做点击操作。如果移动距离超过了10像素，则取消后续事件监听函数的执行。*/ <script type="text/javascript"> function makeTouchableButton(ele) { if (!ele) { .
解决h5在移动端touchend事件不灵敏的问题-hammer.js
最新发布
qq_44428688的博客
05-11 450
如题 在h5页面尝试过程中发现移动端的touchend触摸结束无法正常生效，故而寻找了插件自定义了vue指令已实现需求效果。定义了自定义指令就需要在main.js进行引入，引入代码如下（此为自己本地的路径 具体路径看xxx.js新建在何处）全局注册了指令便可以使用了 使用和普通vue指令一样。本封装方法指令的绑定的是处理事件的方法。在项目中定义xxx.js文件，在文件中引入hammer.js。然后写对应的逻辑代码 xxx.js全部代码如下。首先在项目中安装如下插件。hammer.js 扩展。
移动端事件
2026的博客
12-19 1034
里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作，当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操作。区域内，两个手指（默认为两个手指，多指触控需要单独设置）或多个手指相对（越来越近）移动或相向（越来越远）移动时事件。区域内，一个手指放下并移动事件，即触屏中的拖动事件。这是一个非常方便的制作轮播图的的第三方库，支持各种姿势的轮播，很多大厂也是在自己的移动端网页中使用这个库。可以完美的实现在移端开发的大多数事件，如：点击、滑动、拖动、多点触控等事件。
移动端touchend事件不触发解决方案
Jartto's Blog
06-25 2833
移动端touchend事件不触发，需要在touchstart中加入：1e.preventDefault(); 但是问题来了，阻止默认事件后，页面原先的滚动条也无法滚动了。 查阅了资料，在stackoverflow上得到如下解释： To workaround this bug you have to call preventDefault() on either the...
苹果iPhone手机桌面滑动效果模板特效代码
03-20
此外，考虑到跨平台兼容性，模板可能采用了条件判断或polyfill技术来确保在不支持某些功能的浏览器中也能正常工作。 总的来说，这个模板结合了CoffeeScript的简洁性、jQuery的强大功能以及Touchable.js对触摸事件的...
Vue实现仿iPhone悬浮球的示例代码
10-15
在本文中，我们将深入探讨如何使用Vue.js框架来实现一个仿iPhone悬浮球的功能。这个功能可以让用户在界面上自由移动一个小球形按钮，类似于iOS设备上的Assistive Touch功能。以下是一个详细的步骤和示例代码解析。 ...
在Vue中快速引入Live2d
08-12
在Vue.js框架中引入Live2D是一项有趣且增强用户体验的技术应用。Live2D是一种二维实时渲染技术，可以创建逼真的动态角色模型，广泛应用于游戏、社交媒体应用和网站中。Vue.js是一个轻量级且功能强大的渐进式...
如何解决Android设备上touchend不能触发bug
Cool的博客
01-23 6783
移动项目开发过程中，经常需要用到滑动的事件来处理一些效果。通常情况下，我们会通过  touchstart-&gt;touchmove-&gt;touchend  的过程来定义这个事件。这些事件的触发顺序是  touchstart, touchmove, touchmove ….. touchend  。绝大部分平板或手机也正如我们想象的那样有序执行着。但是以Android 4.0.4为首的一些可恶...
解决移动端页面滚动后不触发touchend事件
热门推荐
Herbert的专栏
08-12 1万+
在移动端页面进行优化时，一般使用touch事件替代鼠标相关事件，用的较多的是使用touchend事件替代PC端的click和mouseup事件。但是，touchend事件在页面滚动时有个问题。在滚动完成后，如果当前触点的位置所指的元素绑定了touchend事件，这时便会触发该元素的touchend事件，造成误操作。解决方法是在滚动时就给停止touchend事件冒泡。
解决滑动时不触发touchend事件的bug
quxiaolei的专栏
07-17 2583
解决滑动时不触发touchend事件的bug doucment.ontouchstart = function() { e.preventDefault(); } 原文地址 http://www.douban.com/note/425950082/
简单粗暴方式解决H5移动端页面滚动的时候触发touchend事件
xiaoqiangbigbrother的博客
07-23 8565
H5移动端的页面在安卓和IOS微信内置浏览器中呈现的形式不一样,所以我统一采用touch事件代替click事件 1，touchstart事件触发的时候设置全局变量（名字随便取）flag = 1； 2，touchmove事件触发的时候设置 flag = 0； 3，touchend事件触发的时候判断flag值 当flag = 1 的时候触发touchend事件里面的函数，触发完以后在末尾再设置f...
彻底解决低端安卓手机touchend事件不触发（考虑scroll）
weixin_33845477的博客
08-13 329
本次移动端开发时遇见了安卓4.2系统不能触发touchend的问题，有以下需求。 1. 横滑轮播图 2.下拉刷新页面内容 3.body滚动条不能失效 开始在轮播图touchmove事件中阻止了浏览器默认行为，此时touchend事件可以触发。 ／／拖拽轮播图 parentNode.addEventListener('touchmove',function(e) { ...
touchEnd 不执行解决办法
a_靖的博客
08-12 3326
场景： vue环境，在组件监听touchEnd 用户触摸滑动结束事件，在安卓端手机用户滑动结束后没有执行touchEnd 的事件 解决办法： 在 滑动过程中的事件 touchMove 中，延迟.05秒判断当前距离顶部的距离是否跟当前距离顶部的距离相同，然后把touchMove 中携带的参数传递给 touchEnd ，主动调用。 看代码： <view :id="'myVideo'+index" @touchstart="touchStart" @touchmove="touchMov...
android 事件失效,TouchEnd事件在Android上不起作用
06-06
可能是因为 Android 上的浏览器对 touch 事件的实现不同于...例如，您可以在 touchmove 事件处理程序中添加一个标志，以指示用户是否正在拖动屏幕，然后在 touchend 事件处理程序中检查该标志来确定是否应该触发事件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值