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

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

到目前为止，我一直使用 chrome 作为我的调试环境，因为它是令人敬畏的开发人员模式。

我想要的是能够调试我的 HTML/JavaScript 使用谷歌浏览器的调试器在我的电脑上，同时模拟我的鼠标触摸事件。

我的网站没有任何多点触摸事件和鼠标事件(iPad 上没有鼠标)。

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

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

53473 次浏览
小开

如果您专门针对 Webkit (iPad 和所有) ，则可以依赖普通事件处理程序代码(add/RemoveEventListener)。考虑到这一点，您可能需要根据一些事件进行分支-例如，‘ ontouch start’根据环境变成‘ onclick’。

不过，我不知道有哪个库提供这种级别的分支。

小开

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

我知道这几乎与您所寻找的模拟相反(您必须为应用程序编写脚本，以便主要由鼠标使用) ，但我希望它无论如何都会有所帮助。

小开

桌面浏览器可以通过导入附加的 JS + CSS 来模拟触摸事件。 请看:

  1. 附加触摸
  2. 幻肢
小开
最佳答案

2012年4月13日

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

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

on Chrome v22 Mac OS X

现在(Chrome 版本36.0.1985.125)你可以在这里找到它: F12 = > Esc = > 模拟。 console

小开

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


提交答案