iOS/WebKit:touchmove/touchstart无法处理输入和textarea
在iOS/WebKit中，touchmove和touchstart事件无法处理输入和textarea。这是由于iOS/WebKit的特性决定的，它们将这些事件视为滚动事件，而不是输入事件。
具体来说，当用户在输入框或文本区域中滑动时，iOS/WebKit会将这些滑动操作解释为页面的滚动，而不是输入的操作。这意味着在处理touchmove和touchstart事件时，无法正确地捕获和处理输入和textarea中的内容。
这个问题可能会导致一些交互上的困扰，例如在滑动输入框或文本区域时，页面会滚动而不是输入内容。为了解决这个问题，可以考虑以下几种方法：
- 使用其他事件：可以尝试使用其他事件来处理输入和textarea中的内容，例如input事件或change事件。这些事件在iOS/WebKit中可以正常工作，并且可以捕获输入和textarea中的内容变化。
- 自定义解决方案：可以通过自定义JavaScript代码来处理这个问题。例如，可以监听touchmove和touchstart事件，并在这些事件发生时阻止默认的滚动行为，然后手动处理输入和textarea中的内容。
- 使用第三方库：还可以考虑使用一些第三方库或框架来解决这个问题。有一些库专门用于处理iOS/WebKit中的触摸事件，并提供了更好的解决方案。
需要注意的是，以上提到的解决方法可能会因具体的应用场景和需求而有所不同。因此，在实际应用中，需要根据具体情况选择最合适的解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/vr
相关·内容
5回答
(document).bind('panelopen', function (e, data) { e.preventDefault(); });
它的功能是在面板打开时防止滚动。在面板关闭时，我想要取消绑定preventdefault并重新启用touchstart和<
浏览 0提问于2014-03-21得票数 0
我有一个无法滚动的IOS Web应用程序。出于这个原因，我想停用滚动。为此，我使用了一个元素的ontouchmove属性，并让它调用一个使用element.preventDefault的函数。但是，当它在文本区域或输入元素上启动时，我无法检测到任何触摸事件，即使该元素被禁用！我还尝试过通过JavaScript的addEventlistener将touchmove或touchstart事件绑定到这些元素，但没有成功！下面是我的JavaScript：
function onBodyLoad(
浏览 0提问于2010-11-15得票数 9
回答已采纳
2回答
我正在尝试弄清楚如何使用touchmove事件在iOS上模拟悬停/鼠标输入功能。$(".item").bind("touchstart",
浏览 5提问于2012-05-18得票数 0
3回答
在iPad上查看时，我们网站的链接和按钮不起作用。事实上，即使单击(或触摸)输入字段，也不会使该字段处于焦点位置，也不会调出iPad键盘。该网站是建立在PHP (CodeIgniter框架)没有太花哨的UI (超文本标记语言，CSS，一些Javascript和JQuery)。没有闪光灯。
网站在iPad上不能正常工作有什么原因吗？我仍然有一个错误-访问iPhone和iPad，页面显示，但链接和输入字段不可点击。
浏览 0提问于2011-06-26得票数 2
2回答
我有一个设置，其中我的可滚动容器采用视口的全部宽度和高度。我使用iScroll在背景图像上滚动内容。到目前为止运行良好，我没有找到一个更好的解决方案来拥有一个固定的背景图像(任何想法都会很棒:)。
浏览 0提问于2012-07-01得票数 0
回答已采纳
2回答
preventDefault = function(e) { return false;document.addEventListener('touchmove',preventDefault,false);window.addEventListener('touchmove',preve
浏览 0提问于2011-07-01得票数 4
回答已采纳
我正在使用html5画布+一些javascript (onmousedown/move/up)在网页上创建简单的绘制板。这对其他页面内容很好，通过向上或向下滑动页面，您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在画布上禁用这种行为，这样移动访问者也可以在画布上绘制一些东西呢？<html><head><script type='text/j
浏览 2提问于2012-04-02得票数 12
回答已采纳
1回答
iPad文本输入与文本选择不正确
、、、、
我正在我的站点上实现一个名为wysihtml5的wysiwyg编辑器，在选择带有iPad的textarea/编辑器时有几个问题。在桌面浏览器上，一切都很好，文本可以被选择、编辑、粘贴等。但是在iPad上会出现多个问题：
基本上，我只是希望有人在使用iPad游标时有过类似的体验，在文本输入字段中没有正确的行为，以及可能的解决方案。
浏览 2提问于2013-11-18得票数 2
我很难用webkit引擎通过iPhone iOS上的触摸事件移动SVGs。桌面浏览器和安卓手机上的一切都很好，但iOS on iPhones显示了非常糟糕的性能(我可以在一个iPad上使用iOS，但移动后有时会留下一些SVG的痕迹)。不过，touchmove事件似乎处理得很顺利--移动SVG (在touchstart结束后)没有任何延迟。
我已经查过了，但是链接到的网站对我没有帮助。我了解到，如果没有“快速点击”模式设置，iOS可能会
浏览 14提问于2021-12-21得票数 1
3回答
我在iOS上遇到了一个问题，我为此竖起了一根小提琴：
function onTouch( e ){};这导致输入字段在iOS上具有以下行为：
第一次触摸:输入得到焦点随后的触碰(专注
浏览 1提问于2012-10-29得票数 13
1回答
准确地说，在iOS上应该是-webkit-overflow-scrolling: touch。/* #scrollable happens to be a ul */ overflow-y: auto;var items = scrollable.querySelectorAll(&
浏览 5提问于2013-03-10得票数 9
回答已采纳
我是js和jquery的新手。"touchmove" : "mousemove"), dragMove, false);this.addEventListener((useMobileDrag ?"touchmove" : &quo
浏览 0提问于2011-09-23得票数 0
2回答
移动设备的X/Y触摸坐标
、、、
该应用程序的初始机制需要鼠标的当前X/Y坐标-这不需要点击和拖动，只需在浏览器窗口中移动鼠标即可。现在，我一直在研究各种关于Touch和手势的jQuery/Javascript库，但我无法找到任何适合我所要的东西。
因此，基本上我正在寻找一种方法来获得单个手指触摸/拖动的x/y位置。
浏览 0提问于2011-05-09得票数 4
回答已采纳
1回答
我们知道，如果文本区域和输入被放在iPad中，它们在iframe Safari上不能正常工作实际上，它可以在iOS 8上运行，但在iOS 7上，这个错误很容易重现。我尝试在parent上添加touchstart事件处理程序(它是如何建议的)，与mouseup、touchmove事件一样-什么都不起作用谢谢
浏览 2提问于2015-02-17得票数 0
此刻我正在做：$('body').on('touchmove', function(event){ event.stopPropagation
浏览 2提问于2014-01-13得票数 0
3回答
IPad Safari触摸事件
、、、、
基本上，webkit提供了什么？
我在寻找与touchesBegan、touchesMoved等类似的原生应用程序(IOS SDK)。在Safari..
浏览 1提问于2011-05-13得票数 8
回答已采纳
3回答
当我将焦点放在输入元素上时，键盘弹出，位置固定的标题div(通常与页面一起滚动)将弹出页面，距离相当于键盘占用的量，并在输入过程中冻结在那里。一旦键盘放回原处，div就会弹回原处，并再次正常工作。我在iOS5上测试，所以位置:固定应该是支持的。
这是一个已知的问题吗？以前有没有人遇到过这个问题并处理过？我好像在这上面找不到任何东西。
浏览 0提问于2012-05-19得票数 9
回答已采纳
2回答
唯一的问题是，当使用触摸屏设备时，一旦在页面上显示出来，我就无法获得fadeout的模式。
浏览 0提问于2014-01-02得票数 12
回答已采纳
2回答
我们正在尝试滚动iOS web应用程序上的元素，同时阻止窗口本身滚动。我们捕获窗口上的touchmove事件，以编程方式滚动元素，并(试图)通过在事件上调用preventDefault来阻止窗口本身滚动。
不幸的是，这在Mobile Safari中不起作用。这个问题听起来和中描述的Webkit bug完全一样，但是这个问题应该是在iOS 10.3中修复的，而我运行的是11.3。捕获touchforcestart并调用preventDefault似乎确实阻止了窗口的滚动，但我们在touchstart
浏览 6提问于2018-03-27得票数 34
回答已采纳
1回答
我在iPad的Safari上遇到了一个令人恼火的错误，我无法修复它。架构：
i++;tap事件处理程序100%地触发。控制台每次正确显示“点击”。但大多数情况下，用户代理在textarea中无法聚焦。，mousemove，mousedown，聚焦，焦点，鼠标，单击，焦点，模糊
当文本区域<
浏览 2提问于2013-07-26得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
