在PC浏览器上模拟触摸事件

Question

我正在为iPad开发HTML应用程序。因此，它使用触摸事件和webkit-CSS动画。

到目前为止，我已经使用chrome作为我的调试环境，因为它是非常棒的开发人员模式。

我希望能够在我的PC上使用Google-Chrome的调试器调试我的Html / JavaScript，同时使用鼠标模拟触摸事件。

我的网站没有任何多点触控事件，也没有鼠标事件（iPad上没有鼠标）。

我对查看应用程序布局并不感兴趣，但更多的是调试其行为。

是否有一些插件可以将鼠标事件转换为桌面浏览器上的触摸事件？

Answer 1

截至2012年4月13日

在谷歌Chrome开发人员和金丝雀版本中，现在有一个“模拟触摸事件”复选框

您可以通过打开F12开发人员工具并单击屏幕右下方的齿轮来找到它。

目前（Chrome ver.36.0.1985.125）你可以在这里找到它：F12 =＆gt; Esc =＆gt;仿真。

Answer 2

桌面浏览器可以通过导入其他JS + CSS来模拟触摸事件。 看看：

1. addTouch
2. Phantom Limb

Answer 3

我们使用此脚本：http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ 它将允许触摸事件触发应用程序中的所有鼠标事件。因此，由于我们已经有一个使用右键单击，拖放等功能的Web应用程序，因此它允许我们通过触摸执行所有相同的功能。

我知道这几乎与您正在寻找的模拟相反（您必须将您的应用程序编写为主要由鼠标使用）但我希望无论如何它都有帮助。

Answer 4

在桌面浏览器上模拟多点触控的另一种方法是Touch Emulator of Hammer.js

Answer 5

我遇到了基于JQ UI lib的这个小库。漂亮俏皮：

http://touchpunch.furf.com/

Answer 6

如果您专门针对Webkit（iPad和所有），则可以依赖正常的事件处理程序代码（add / removeEventListener）。考虑到这一点，您可能需要分支几个事件 - 例如，'ontouchstart'根据环境变为'onclick'。

但是，我不知道有任何提供此级别分支的库。很容易自己做。