Touchstart和Touchend在移动设备上不起作用
Touchstart和Touchend是移动设备上的触摸事件，用于响应用户在触摸屏上开始触摸和结束触摸的动作。它们通常用于开发移动应用程序或移动网页的交互功能。
Touchstart事件在用户触摸屏幕时触发，而Touchend事件在用户停止触摸屏幕时触发。这两个事件可以用于实现各种交互效果，例如拖动、滑动、缩放等。
在移动设备上，如果Touchstart和Touchend事件不起作用，可能是由于以下几个原因：
- 缺少触摸事件的监听器：在开发过程中，需要为相应的元素添加触摸事件的监听器，以便触发相应的操作。可以使用JavaScript来添加监听器，例如使用addEventListener方法。
- 元素不可触摸：某些元素默认是不可触摸的，例如一些静态的文本或图片。如果需要在这些元素上实现触摸事件，可以通过CSS的touch-action属性将其设置为可触摸。
- 兼容性问题：不同的移动设备和浏览器对触摸事件的支持程度可能有所不同。在开发过程中，需要考虑到不同设备和浏览器的兼容性，并使用相应的兼容性解决方案。
针对以上问题，腾讯云提供了一系列云服务和产品，可以帮助开发者解决移动应用程序开发中的问题。例如，腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）提供了丰富的移动应用开发工具和服务，包括触摸事件的处理和兼容性支持。
总结起来，Touchstart和Touchend是移动设备上的触摸事件，用于响应用户在触摸屏上开始触摸和结束触摸的动作。如果在移动设备上这两个事件不起作用，可以通过添加事件监听器、设置元素可触摸性和考虑兼容性等方式来解决。腾讯云提供了相关的移动应用开发平台和工具，可以帮助开发者处理这些问题。
相关·内容
2回答
ipad/iphone可丢弃实现-检测正在触摸的元素
jquery、web-applications
我正在尝试开发一种在桌面和触摸屏设备(如ipad/iphone )上都能工作的拖放功能。
通过简单地在给定的DOM元素上绑定touchstart、touchmove和touchend事件来实现“拖动”是没有问题的。
我正在为如何实现“可丢弃”部分而苦苦挣扎。那么换句话说，我如何确定我的可拖放的DOM元素是放在哪个DOM元素上？
您可以假定使用jQuery。然而，我没有使用jQueryUI -它目前不能用于触摸事件。
浏览 8提问于2011-07-23得票数 1
回答已采纳
1回答
使用Visual Basic禁用触摸屏
vb.net
对于我的应用程序，我需要禁用所有触摸屏交互。BlockInput(1)只阻止鼠标和键盘，我找不到任何关于禁用触摸屏的东西。
有没有一个脚本/注册表-change/hack来禁用所有触摸屏交互(这样鼠标就不能通过触摸屏幕来移动)。
提前谢谢你，
浏览 21提问于2017-02-22得票数 0
1回答
有什么方法可以防止角2 RC5中DOM的去除吗？
javascript、dom、angular、touch、ngfor
我有角2和触摸设备的问题。特别是，当组件通过NgFor呈现并(触摸)拖动到屏幕上时。如果NgFor的重呈现发生在触摸拖动过程中(由于外部事件更新绑定到NgFor的数据，这在我的应用程序中很常见)，就会出现这个问题。touchmove events停止触发，并要求您举起手指再次将其放回原处，这是一种糟糕的移动体验。如果使用鼠标，则不会发生此问题。
本质上，在我的应用程序中，我监听组件上的touchstart事件，通过一个条件*ngIf="isDragging" (它不在NgFor内)显示另一个'DragComponent‘，它是根据touchmove事件位置数据在屏幕上
浏览 2提问于2016-08-05得票数 1
回答已采纳
4回答
onClick event能在触摸屏设备上运行吗？
javascript、html、css
我已经在我的网站上使用了onclick事件。但是当我在google chromes的开发者模式的移动视图中打开它时，点击鼠标时的元素没有任何反应。所以我的问题是：
我是否还需要在所有触摸屏设备上添加ontouch事件和onclick事件，或者在触摸屏设备上使用onClick事件？
附言:你可以在这里看到我的所有代码：
或在现场直播网站：
不，我还没有在真实的手机上测试过这个网站。
浏览 1提问于2016-05-17得票数 13
1回答
Javascript ontouchstart开始/移动/结束-获得奇怪的结果
javascript、touch、coordinates、swipe
我正在为平板电脑/智能手机构建一个带有swipe功能的图片库。我在iPad上得到了非常奇怪的结果，所以我决定从头开始跟踪它，并在不同事件发生时打印出来。
下面的代码应该在我用手指完成一次滑动后发出警告：“start.move.end”(“move”的数量取决于滑动动作的长度)。
itemWrap[0].ontouchstart = function(e) {
_self.msg.push("start");
}
itemWrap[0].ontouchmove = function(e) {
浏览 0提问于2012-03-02得票数 3
2回答
由于触摸事件中的类切换/高度变化而导致的可单击区域的错位
javascript、html、css、touch、touch-event
如果您切换放置在上面的元素的高度，在触摸设备上有一种关于链接可点击区域的奇怪行为。如果运行以下代码段(例如，将其保存在本地并使用chrome来模拟触摸事件)，您将注意到散列#mylink被添加到url中，在某些情况下没有单击红色链接区域。有时你点击红色区域，它就不会被添加。
例如。
如果单击上面的灰色区域(第一个200 If )，灰色区域将切换高度。=>正常。
如果您单击增强的、较低的灰色区域(200 px-400px)，#mylink将被添加到url中，就好像您单击了红色链接区域一样。=>为什么？
如果您单击上红色区域(第一个200 to，灰色区域最小化)，#myli
浏览 7提问于2016-12-20得票数 6
回答已采纳
6回答
用于触控设备的文档.click功能
jquery、css
我有一个使用jquery的子导航--用户点击顶层列表项，例如'services‘，它会触发下拉菜单。该下拉菜单可通过单击“service”链接进行切换。我已经做到了，这样用户就可以点击屏幕上的任何地方，将下拉菜单切换到关闭状态。但由于该网站是响应式的，我希望用户能够点击(触摸)屏幕上的任何位置来关闭下拉列表，但我的问题是它在触摸设备上不起作用。
我对文档点击的代码设置是：
$(document).click(function(event) {
if ( $(".children").is(":visible")) {
$("ul.
浏览 2提问于2012-07-09得票数 68
回答已采纳
2回答
将touchevents更改为动态单击事件
javascript、touch
我正在开发一个移动应用程序，在各种元素上有很多触摸事件。不幸的是，我无法在我的pc浏览器上测试我的应用程序，因为它不支持touchevents。如果我在pc上运行(当然是通过检查用户代理)，有没有办法将所有触摸事件动态地更改为单击事件？
感谢你
浏览 3提问于2013-01-22得票数 2
回答已采纳
2回答
如何在不显示屏幕键盘的情况下专注于文本输入
javascript、focus、html-input、soft-keyboard
我正在制作一个聊天服务，我想很好地支持移动设备。
在下面的屏幕截图上，有一个输入字段。它允许输入文本，并且为了避免像“如果文本字段没有被聚焦输入什么都不能做”这样的问题，当在文本字段之外单击时，它会自动获得聚焦--这确实改善了桌面计算机的体验。但是，在具有软件键盘的设备上，这会导致屏幕上的键盘出现在移动设备上，这会分散注意力。
考虑到在文本输入的任意位置单击鼠标，有没有可能让屏幕上的键盘只在按下文本字段时出现？或者，以某种方式检测启用了软件键盘的设备，并对其禁用此功能。优选地，不显式地尝试检测移动设备、触摸屏等，因为存在具有硬件键盘的触摸屏设备。
这个问题我可以在安卓系统上的谷歌浏览
浏览 31提问于2018-04-06得票数 5
回答已采纳
5回答
在IOS和Android中防止页面滚动拖动
javascript、html、canvas、touch
我正在开发一个html5 canvas游戏，但我不知道如何处理触摸事件。当用户触摸屏幕并拖动时，浏览器将滚动页面。我想防止它，并得到触摸开始，和触摸结束的位置。有可能吗？
提前感谢
浏览 2提问于2012-02-13得票数 25
回答已采纳
1回答
在用户举起手指之前，滑动事件会引发火灾吗？
jquery-mobile、cordova、swipe
我正在使用using浏览我的jQuery移动/ PhoneGap应用程序的页面。你知道在(例如) 50 px的滑动距离之后是否可以让页面转换开始吗？换句话说，它应该在手指停止触摸屏幕之前启动。
这将提高用户体验，因为他们在举起手指和实际的页面转换之间没有这么短的等待时间。
谢谢你给我时间！
浏览 1提问于2012-01-08得票数 1
回答已采纳
1回答
setInterval(function()，5)在iOS或任何移动设备上不起作用
javascript、google-chrome-devtools、setinterval、throttling、mobile-devices
因此，当我在浏览器中使用我的代码时，一切工作正常，没有任何问题。然而，当我点击Chrome Dev Tools并使用设备模式来模拟任何类型的移动设备或ipad时，代码就不能运行了。
我也在几个新的移动设备上进行了物理测试，但仍然不能正常工作。即使我在函数内部使用最简单的代码，或者将区间值rate减少到几乎为零。就是没有反应。
它链接到使用鼠标/触摸按下的按钮
function moveLeft() {
time = setInterval(function () {
angle += 1;
if (angle > 360) {
angle = 0;
浏览 43提问于2020-06-10得票数 0
2回答
在JAVASCRIPT中检测触摸用户何时向上拉手指
javascript、jquery、web、button
如果这是一个重复的问题，我很抱歉，但我找不到任何aswers。 基本上，我正在开发一个带有按钮的web应用程序。 我希望该按钮在两种不同的情况下突出显示： -If当用户使用非触摸(桌面)设备时，如果鼠标在其上，按钮将突出显示，如果鼠标不在其上，按钮将恢复正常。 -If用户使用的是没有鼠标的触控设备，如果被触摸，按钮将突出显示，当触摸停止时，按钮将恢复正常。 桌面部分工作正常，但触摸部分有一个问题:为了让按钮恢复正常，我必须在点击后单击其他地方，只是停止触摸屏幕不起作用。 我哪里做错了？谢谢! JS代码： if (!this.isTouch) {
document.getElementBy
浏览 32提问于2021-09-01得票数 1
回答已采纳
1回答
防止触控设备上的mousemove事件
javascript、events
我正在监听mousemove事件，以便根据鼠标位置给按钮一个很好的效果。然而，在移动设备上，如果我触摸按钮，事件也会被触发，使按钮跳到该位置。我宁愿让按钮忽略通过触摸完成的事件，但我正在努力理解如何实现这一点？
// The function is just a helper of mine (it ads addEventListener to the matched events
createEventListener('.hoverable', 'mousemove', function(e) {
// stripped out some calcul
浏览 0提问于2018-12-29得票数 3
1回答
点击移动/平板电脑，悬停在其他设备上(未来防伪)
javascript、jquery、css、mobile、responsive-design
需要一个主意，我被困在相当的难题中。我正在建立一个响应未来的证明网页设计。
在桌面和类似的设备上:我有一个菜单，在悬停上做一个css动画来取消对隐藏在链接后面的内容的描述，并点击导航到一个新的页面。
在移动设备上:我希望有一个触发悬停的触摸事件(因此取消了描述)，在第2号触摸时，它应该导航到新页面。
以上是可行的，但如何做到这一点，而不检查用户代理，这是我的情况.如何进行未来的打样以上。
任何伟大的想法都是受欢迎的。:)
浏览 2提问于2014-08-29得票数 1
回答已采纳
6回答
JavaScript触摸端与单击困境
javascript、jquery、ios、click、touch
我正在开发一些javascript，并使用了许多触摸事件，比如“touchend”，以改进对触摸设备的响应。然而，有一些逻辑问题困扰着我.
我见过许多开发人员在同一个事件中混合了“touchend”和“click”。在许多情况下，它不会造成伤害，但本质上，该功能将在触摸设备上触发两次：
button.on('click touchend', function(event) {
// this fires twice on touch devices
});
有人建议，可以检测触摸能力，并适当地设置事件，例如：
var myEvent = ('ontouchstart
浏览 5提问于2014-08-29得票数 55
3回答
触摸屏设备上的HTML5拖放接口
api、html、drag-and-drop、touchscreen
我想知道用于拖放的HTML5应用程序接口是否包括对触摸屏显示的支持。
我在考虑iPhone，但我知道这还不受支持。我在想，这是不是在追赶苹果的脚步，在Safari手机上支持HTML5拖放，但我也在想，也许HTML5的API还不够强大，但我对此深表怀疑。
在标准的触摸屏笔记本电脑或类似的平板电脑上怎么样，我没有，所以我不能测试，但我可以想象包括了支持，因为据我所知，表格界面只是取代了鼠标控制，所以，就浏览器而言，最终用户实际上只是在使用鼠标。
有什么想法吗？
浏览 1提问于2010-08-01得票数 34
4回答
多点触摸:只有在发生触摸移动时才触发touchend事件
javascript、ios、safari、multi-touch、touchmove
当从ios设备访问我的javascript应用程序时，我想给它添加一些多点触摸功能(稍后还可以添加android )。
我想提供一个类似shiftkey的功能:用户可以用一个手指在屏幕上按住一个按钮，当按下这个按钮时，屏幕其余部分的点击操作行为与传统的点击略有不同。
我遇到的问题是，我不会收到任何用于点击手指的触摸端事件，除非为持有shiftkey按钮的第一个手指触发touchmove。
由于屏幕非常敏感，touchmove事件很容易触发，而且在大多数情况下一切正常。
但是，当用户的手指有点静止时，直到用户移动手指才能检测到敲击。这会在点击和屏幕上发生的动作之间产生一个可变的“延迟”(如果用户
浏览 7提问于2012-07-03得票数 12
回答已采纳
1回答
在移动设备中滚动iframe时禁用正文滚动
javascript、html、iframe、document-body
下面的代码
在计算机中，我可以通过检测鼠标来禁用滚动iframe时的身体滚动
在移动设备中，我试图通过检测身体中的触摸来禁用身体滚动，但不是工作。如果我触摸simulator之外的点，我可以看到h1更改为auto，如果我触摸simulator，h1不会更改为auto。
有什么建议可以解决这个问题吗？
<!DOCTYPE html>
<html>
<body>
<section>
<iframe id="simulator" style="background: #0
浏览 10提问于2018-05-11得票数 1
2回答
为什么打开层没有从我的笔记本电脑中检测触摸事件？
javascript、openlayers、openlayers-6
我正在使用OpenLayers 6.2.1开发一个应用程序。为了对移动设备进行优化，我试图在用户触摸屏幕时增加hitTolerance。但是，当我在触摸屏笔记本上执行触摸交互时，响应触摸事件的函数不会检测到该事件：
map.on('touchOnly', function() {
hitTolerance = 5;
console.log('touch')
});
相反，这些触摸事件触发了我的单击函数。mouseOnly似乎也有类似的问题，从我的鼠标中激发的事件被检测为单击事件而不是mouseOnly事件。有我能实现的解决办法吗？
快速编辑-我正
浏览 2提问于2020-03-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
