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

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

到目前为止，由于它是很棒的开发人员模式，因此我一直使用chrome作为调试环境。

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

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

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

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

截至2012年4月13日

在Google Chrome开发人员和canary版本中，现在有一个“模拟触摸事件”复选框

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

现在（Chrome 36.0.1985.125版）可以在此处找到：F12 => Esc =>仿真。

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

1. addTouch
2. 幻肢

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

我知道这几乎与您正在寻找的模拟相反（您将必须编写应用程序的脚本以主要由鼠标使用），但我希望它能有所帮助。

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

我遇到了一个基于JQ UI库的小库。很漂亮：

http://touchpunch.furf.com/

如果要专门针对Webkit（iPad和所有产品），则可以依靠常规事件处理程序代码（add / removeEventListener）。考虑到这一点，您可能只需要分支一些事件-例如，根据环境，“ ontouchstart”变为“ onclick”。

不过，我暂时不知道任何提供这种级别分支的库。自己做起来很容易。