发现在android4.0以上的webkit浏览器touchmove事件只触发一次

罢懂 罢懂 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.1k累计阅读 2.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄20年
关注
原创 最新推荐文章于 2026-08-19 14:57:47 发布 2.1k 阅读 AI 写同款· GEO 优化 ›
WebView点击事件失效全链路排查：从CSS到原生手势的深度调试指南 在移动混合开发中，事件处理是Web与原生交互的基础。其原理涉及从用户触摸屏幕到JavaScript函数执行的一整条链路，包括原生层捕获、Web内核命中测试、DOM事件流和JS回调执行。理解这一机制对于构建流畅的混合应用至关重要，能有效诊断交互问题，提升应用稳定性。本文聚焦于移动端WebView内touch/click事件失效这一高频痛点，结合事件绑定、异步阻塞等热词，系统梳理了从视觉层、JavaScript逻辑层到原生容器层的完整排查路径。通过远程调试、性能分析和协同排查等方法，为前端与客户端开发者提供了解 阅读详情

发现在android4.0以上的webkit浏览器touchmove事件只触发一次



加个event . preventDefault()就可以了。

收录于
HTML5

当前文章被收录于：

HTML5
2 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Web App工程本质：OPOA架构与移动端兼容性实战 单页应用（SPA）的核心在于构建可预测的UI状态机，其底层逻辑源于对多页应用（MPA）白屏延迟与体验割裂的系统性优化。通过路由驱动、异步数据流解耦、局部DOM更新与事件委托等关键技术，前端得以在浏览器渲染管线约束下实现高性能交互。尤其在Android 4.4、iOS 8等碎片化环境中，hashchange路由、自研Scroller、Canvas轻量动画、CSS命名空间响应式等方案，直击物理层瓶颈与内核兼容性陷阱。这些实践不仅支撑了早期OPOA范式落地，更持续映射至现代框架的嵌套路由、状态持久化与WebVie 阅读详情

相关推荐

Chrome DevTools 移动端调试全攻略：从模拟器到真机性能优化

在移动Web开发、混合应用和响应式设计中，高效定位和解决移动端特有问题是核心挑战。Chrome DevTools提供了一套完整的调试工作流，其原理在于通过设备模拟和真机远程调试，实现对移动端页面网络、渲染、脚本执行和性能的深度透视。这项技术的价值在于极大提升了开发效率，使开发者能在不依赖频繁真机部署的情况下精准排查问题。其应用场景广泛覆盖了移动端页面样式调试、JavaScript异常捕获、网络性能分析和内存泄漏排查。本文聚焦于利用Chrome DevTools进行移动端调试，特别是通过深入解读Network

weixin_30385925的博客 437

touchmove在android下面只触发一次的奇葩设定

touchmove事件只触发一次的问题 　　在Android下直接使用touchmove事件会在很多浏览器中出现每次操作只触发一次touchmove的情况。这是因为Android中对触屏事件奇葩解析造成的，在其它系统上没有这个情况。我们可以在touchstart事件中加入preventDefalut来解决，但这会带来其它问题。 运行<meta name="viewport" content="wid

一名普通码农的菜地 4630

详解STM32F407双重ADC同步采集与DMA传输的配置技巧及实战应用

本文详细解析了STM32F407双重ADC同步采集与DMA传输的配置技巧及实战应用。通过CubeMX配置、代码实现和常见问题解决方案，帮助开发者高效实现多通道数据同步采集，提升工业自动化和嵌入式系统的数据采集效率与精度。

ii567的博客 364

js里的php只执行一次,javascript - 移动端touchmove 只执行一次 如何解决

var len=$(".wrap .wrap_con").length;var wrap=$(".wrap .wrap_con");var start;for (var i = 0; i < len; ++i) {wrap[i].addEventListener('touchstart', function(e){var touches = event.touches[0];start = ...

weixin_36035900的博客 323

TOPCon vs PERC：2024年光伏电站投资，哪种技术更划算？

本文深入分析了2024年光伏电站投资中TOPCon与PERC技术的财务表现。通过对比初始系统成本、全生命周期发电量及环境适应性，指出当前TOPCon组件与PERC价差已显著缩小，其更高的转换效率和更低的衰减率能有效降低度电成本并提升项目内部收益率，为投资者提供更具长期价值的方案。

p5l2m9n4o6q的博客 267

Unity事件总线第一篇：为什么你的游戏需要一个事件总线？

本文探讨了游戏开发中常见的跨模块调用导致代码强耦合的问题。通过一个攻击按钮触发角色攻击、怪物掉血和血条更新的案例，分析了直接调用方式带来的维护困难、扩展性差和模块重用性低等弊端。文章提出使用事件总线（Event Bus）作为解决方案，通过发布-订阅模式实现模块解耦。重构后的代码中，各模块只需与事件总线交互，彼此不再直接依赖。这种设计使得新增功能（如音效）无需修改现有代码，大大提高了系统的可维护性和扩展性，同时增强了模块的重用性，完美体现了开闭原则。

qq_46348216的博客 1298

微信小程序开发中的手势识别和触摸事件处理

手势识别是指通过用户在屏幕上的手指移动，识别出用户的手势行为。微信小程序提供了一些内置的手势识别事件，例如tap、longpress、touchstart、touchmove、touchend等。下面将详细介绍这些触摸事件的用法。touchstart事件是手指触摸屏幕的事件，touchmove事件是手指在屏幕上滑动的事件，touchend事件是手指离开屏幕的事件。自定义手势识别事件的实现思路是监听touchstart、touchmove和touchend三个事件，根据用户的手势行为来判断用户的手势。

qq_67153941的博客 1046

SRAM：SRAM入门指南与工作原理

SRAM（Static Random Access Memory），即静态随机存取存储器，是一种能够读取和写入数据的内存（RAM）。它使用由晶体管组成的触发器来存储数据，只要有电源供应，数据就可以稳定地保存。与动态随机存取存储器（DRAM）不同，SRAM 不需要周期性地刷新来保持数据。

weixin_42896509的博客 1万+

android move事件,小程序Android版本touchmove 事件侦听

- 当前 Bug 的表现(可附上截图)在安卓端绑小程序定一个view 的touchmove 事件时，纵向触摸滑动每秒只有5次事件回调但是用网页端复现的时候表现正常- 预期表现- 复现路径- 提供一个最简复现 Demo小程序代码：- index.wxml{{touchMovesPerSecond}}- index.jsconst app = getApp()Page({data: {touchMov...

weixin_28665677的博客 348

Camera ITS测试

一、手机端设置： 将 CtsVerifier.apk 安装到设备上, 连接上linux主机。 二、主机端设置： 基础：CTS测试运行环境 然后，主机安装python2.7，及numpy/scipy/matplotlib/opencv 栈和 python 成像库。按照下面的命令依次安装： sudo apt­-get install python-­numpy sudo apt-­g...

wangubuntu的专栏 7785

基于多传感器融合的智身四足机器狗楼梯环境SLAM系统设计与实现

本文设计了一种基于多传感器融合的四足机器狗楼梯环境SLAM系统。系统采用Jetson Orin NX为主控制器，集成RealSense D435i深度相机和Livox Mid360激光雷达，在ROS2框架下实现平面定位精度<5cm、楼梯环境下导航不漂移的目标。通过多层次传感器融合策略、运动学约束优化和状态切换机制，解决了楼梯环境下的定位累积误差问题，实现了平面与楼梯环境的自动识别切换及精度复位功能。硬件设计注重传感器布局优化和精确标定，软件架构采用分层设计，确保实时性能。该系统为四足机器人在复杂地形中

huanghm88的专栏 242

TouchEvent

手指接触屏幕就触发，就触发一次@touchend手指从屏幕抬起松开触发一次@touchmove手指在屏幕滑动手指点击，立刻抬起松开，触发一次 touchstart，触发一次touchend，不触发touchmove手指按住，开始移动，触发一次 touchstart，按住移动的过程中持续触发touchmove，抬起松开触发一次 touchendtouchmove 事件中，中途移动到其他元素，Touch对象并不会改变，还是touchstart 一开始的对象。

个人博客 867

分立器件---电感介绍（7000字）

电感基础整理

HW-BASE的博客 2352

移动互联网终端的touch事件,touchstart, touchend, touchmove

诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处理这些事件。例如，几乎所 有的快节奏游戏都需要玩家一次按下多个按钮，这种方式，在触摸屏情况下，意味着多点触摸。Apple在iOS 2.0中引入了触摸事件A...

aixi1020的博客 1万+

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

javascript基础学习系列四百五十八：触摸及手势事件

当另一个手指放到屏幕上时，gesturestart 事件会首先触发，然后紧接着触发这个手指的 touchstart事件。只要其中一个手指离开屏幕，就会触发 gestureend 事件，紧接着触发该手指的 touchend 事件。在一个元素上设置事件处理程序，意味着两个手指必须都在元素边界以内才能触发手势事件（这个元素就是事件目标）。因为这些事件会冒泡，所以也可以把事件处理程序放到文档级别，从而可以处理所有手势事件。与触摸事件的例子一样，以上代码简单地将每个事件对应到一个处理函数，然后输出每个事件的信息。

wanmeijuhao的博客 1044

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

一些关于web移动端的触摸事件的总结

之前在写网页小游戏的时候，考虑了当用户在移动端设备上玩游戏的情况，所以接触到了移动端的触碰事件，下面总结一些经验给大家参考，如有问题，敬请指正。 关于触摸事件，w3c有相应的标准，可以参考https://www.w3.org/TR/touch-events/ 下面介绍几种普遍使用的触摸事件： 1、touchstart w3c的标准是这样解释的：when the user place

努力码代码的程序媛小艺 1661

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

ios中滚动监听

在部分浏览器(例如:safari)下,手指触发滚动后抬起,此时元素会处于弹性滚动过程,此时这部分浏览器依旧能 实时 监听到滚动事件并做出响应,另外一部分浏览器(例如:UC及微信内嵌浏览器等),当抬手让元素处于弹性滚动过程时,浏览器并不能实时进行事件响应,而是当滚动完全停止后浏览器才会执行事件回调 在ios设备上，为了节约设备事件开销，window.onscroll 触发频率极低，只在停止滚动

江木 8911

JS 触摸与手势事件

触摸事件 包含 iOS 2.0 软件的 iPhone 3G 发布时，也包含了一个新版本的 Safari 浏览器。这款新的移动 Safari提供了一些与触摸（touch）操作相关的新事件。后来，Android 上的浏览器也实现了相同的事件。触摸事件会在用户手指放在屏幕上面时、在屏幕上滑动时或从屏幕上移开时触发。具体来说，有以下几个触摸事件。 touchstart ：当手指触摸屏幕时触发；即使已经有

A__loser的博客 471

js移动端事件

// 手势事件 touchstart //当手指接触屏幕时触发 touchmove //当已经接触屏幕的手指开始移动后触发 touchend //当手指离开屏幕时触发 touchcancel // 触摸事件 gesturestart //当两个手指接触屏幕时触发 gesturechange //当两个...

qq_40001322的博客 2040

CSS如何在手机端隐藏滚动条_利用伪元素设置scrollbar为none

手机端::-webkit-scrollbar无效是常态，因安卓WebView和iOS Safari大多不支持；可靠方案只有禁用原生滚动并用JS模拟，或用CSS scrollbar-width:none（仅iOS 16.4+且需overflow-y:scroll+定高）及透明遮罩。这是常态因为绝大多数安卓 WebView 和 iOS Safari 不支持 ::-webkit-scrollbar 伪元素，哪怕加了 display: none 或 width: 0 也完全没反应。

2401_88360025的博客 249

Playwright移动端Web测试实战：设备仿真与触摸事件模拟详解

Web自动化测试是确保Web应用质量的关键环节，其核心原理是通过脚本模拟用户操作，验证功能与界面的正确性。随着移动互联网的普及，移动端Web测试的技术价值日益凸显，它直接关系到应用在多样化的手机设备、网络环境及触摸交互下的用户体验。Playwright作为新一代浏览器自动化工具，通过其原生的设备仿真（Device Emulation）和触摸事件（Touch Events）模拟能力，为应对移动端测试的复杂性提供了强大的工程实践解决方案。设备仿真能够精确配置视口、User-Agent、像素比等参数，构建真实的移

weixin_34409357的博客 715

Ruby‘s Louvre：前端兼容性工程的底层思维范式

前端兼容性并非简单的浏览器适配，而是对HTML/CSS/JS标准实现差异的系统性治理。其核心原理在于构建浏览器行为心智模型，通过逆向分析真实故障（如IE6事件冒泡异常、Android 2.3 CSS动画卡顿）揭示渲染引擎与JS运行时的本质约束。这种‘现象→代码→对比→归因’的技术表达范式，赋予开发者精准控制DOM操作、CSS渲染和事件代理的能力，显著提升微前端沙箱隔离、Webpack插件开发及DevTools性能诊断等现代工程实践的底层理解力。尤其在遗留系统维护与渐进式升级场景中，它提供了从polyfill

世范水晶 415

移动端嵌套滚动冲突解决方案：从原理到实践的CSS与JS实现

在移动端Web开发中，事件冲突是导致页面滑动卡顿的常见原因，尤其在嵌套滚动场景下。其核心原理涉及触摸事件序列、滚动链传递以及浏览器的事件决策机制。理解这些基础概念对于优化用户体验至关重要。通过CSS的overscroll-behavior属性，开发者可以声明式地控制滚动边界行为，有效隔离滚动区域，这是现代浏览器中推荐的解决方案。对于需要兼容旧版浏览器的项目，则需借助JavaScript手动监听touch事件，通过计算滑动角度阈值来智能判断用户意图，并适时调用preventDefault()。这两种方案分别从

weixin_34194359的博客 456

移动端知识的一些总结

一.css部分 1.meta标签 meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所

qq_32710545的博客 290
上一篇： IE8,IE9,IE10 HACK
下一篇： 在Win8/Win8.1系统下安装微软的SQL Server 2005
点赞 0
评论 2
书签 书签 0
罢懂
罢懂
博客等级 码龄20年 8粉丝 30原创
+ 关注 专栏目录 订阅专栏
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值