问题标签 [touchstart]

我正在尝试使用 HTML5 画布和触摸在 Android 中制作 WebView 应用程序。

这是我认为我的代码的相关部分：

在 onCreate ：

其中字符串“内容”包含一个 html / javascript 块，其中包含以下几行。

并且 activity_main.xml 文件包含标签

但是我的测试设备 Nexus 7 似乎没有响应触摸事件。如果我用“mousedown”和“mouseup”替换“touchstart”和“touchend”，看起来mousedown事件被识别了。但是 mouseup 的行为不正常（即，就像在浏览器中运行的相同代码一样）。

我显然错过了什么，例如。我需要在 javascript 中启用触摸事件的配置设置？

我正在开发一个应用程序，其中有 5 张图像，并且我想在 touchstart 事件开始时获取图像的 ID，因为我想将这些图像移动到某个位置。我正在使用 JavaScript。

我正在开发一个带有悬停导航的项目。

由于支持触摸的设备的性质，它们并不真正支持悬停。对于 iOS 和 android，我设法禁用了所有悬停效果并通过“touchstart”事件模拟它们，该事件设置了正确的 css 属性。这就像一个魅力。如果是“touchstart”事件，则它是移动设备，否则可能是桌面。

不幸的是，Internet Explorer 实现了自己的事件，即“MSPointerDown”等。

我的问题是，两个 IE 版本（最新的移动版和桌面版）都会触发一个“click”事件，以及两个“MSPointerDown”事件，一个是 pointerType“touch”，一个是 pointerType“mouse”。我真的不知道如何找出动作是真正的触摸事件还是由鼠标引起的，因为两者都被触发了。我想避免基于媒体查询的解决方案，因为大型触摸屏越来越受欢迎。

在 Chrome 上，我的系统的性能出现了严重问题element.addEventListener("touchstart")，在某些情况下，一次调用会达到 100 毫秒。

以上是console.time纯addEventListener调用的输出。对其他事件的相同调用需要 0 毫秒。有趣的是，每一个或两个调用所花费的时间都会增加一个毫秒。打开或关闭“模拟触摸事件”时没有区别。

但是，Chrome 上的一个简单测试用例以 0.01ms/call 的速度运行，因此必须存在其他一些依赖关系。我想不出它是什么，除了我在页面上有大量元素并且正在设置许多事件侦听器（1000）之外。但是，在我关于 Mozilla 和 Safari 的页面中，调用是即时的。到底是什么原因造成的？

在尝试补充使用鼠标移入也可以在智能手机上工作的工作功能时，我应该注意哪些差异。

到目前为止，我已经了解到在我的 android 上我得到了

• touchmove insted of mousemove,
• touchstart 安装了 mousedown，
• 安装了 mouseup 的 touchend
• event.touches[0].pageX insted of event.clientX
• event.touches[0].pageY insted of event.clientY

但这还不够，代码仍然行为不端，我还应该学习什么才能让它工作？

示例：http : //paint.puggan.se/paint/paint_201305311921.html

当您从同一组中的一个点拖动到另一个点时，它会在它们之间添加一条黄线。在仍然将其绘制到最近的蓝线时，如果您拖动关闭或停止（鼠标向上），它会添加黄线。

以上适用于我的计算机的 Firefox 中的鼠标。

以上不适用于我的android，我可以看到蓝线，但从来没有任何黄线

我收到错误"Object has no method 'apply'... "

我只是将触摸事件与元素绑定，但我得到错误对象具有应用方法。

我试过了 ，

这个也不行？？该怎么办？我应该做些什么改变？我只想将元素绑定到touchstart.

我正在编写一个 HTML5 游戏，它会在 touchstart 上更新画布。在我运行 Android 4.1.1 的 Galaxy Note 10.1 上，在 touchstart 事件之后屏幕需要一段时间才能更新。我调查并得出结论，触摸启动后屏幕（只是屏幕上的任何变化）只需要一段时间才能更新。这是一个演示：

以下是一些场景：

1. 点击屏幕，不要移动你的手指，不要松开你的手指
   • 您需要等待大约半秒钟才能看到更新的文本框
2. 点击屏幕，移动手指，不要松开手指
   • 屏幕将在您移动手指的那一刻更新
3. 点击屏幕并释放
   • 屏幕将在您松开手指的那一刻更新

在所有情况下，touchstart 事件都会立即触发，只是屏幕更新被延迟了。这似乎与触发点击事件的 300ms 延迟有关，但问题不同，是屏幕更新延迟。我想我已经尝试了所有明显的事情，比如event.preventDefault或返回 false，将捕获设置为 true 或 false。我也搜索过，但找不到报告的任何类似问题。

它在我的 iPad 和运行 Android 2.3 的 Nexus One 手机上运行良好，屏幕在 touchstart 后立即更新。

有任何想法吗？

我有一个简单的网站，其中有一些 :hover 效果，放置在 div 上，而不是链接上。我需要让这些效果在 ipad 上可见。

我目前在标题中使用“touchstart”：

哪个做得好...在ipad上，当我触摸div时，会显示鼠标悬停（悬停）效果。当我触摸 div 之外的任何地方时，效果会反转（鼠标移出）。

但是，即使我再次点击同一个 div，我也需要反转效果......

有谁能帮忙吗？谢谢！米

在 Html5 中：- 在页脚中，它将存储动态 cuming 的数据，页脚部分应该通过触摸而不是整个窗口移动，只有页脚应该随着数据从左到右移动

在 Jquery 中：- 我正在使用 Ajax 调用来动态获取数据，并将该数据存储在 Htm5 的页脚部分中，我想使用触摸事件如何使用请帮助我

目前我有一个有效的触摸/单击菜单，我可以在其中触摸/单击父类别以打开其子项，然后重新触摸/重新单击以再次隐藏子项。

这工作正常，但我被困在如何将父级的状态更改回其原始状态。

所以我遇到的问题是，如果一个父级已打开然后关闭，我无法再次打开它，除非我单击另一个父级然后返回它。

这是我到目前为止所拥有的：