模拟touchstart和touchend事件？(Simulating touchstart and

我正在开发一个jQuery的组件，它主要适用于iPad的作品。 所以，反正是有模拟桌面“touchstart和‘touchend’事件，而不是设备本身来检查的事件。

Answer 1:

你可以创作中的jQuery自己的自定义事件：

var event = $.Event( "touchstart", { pageX:200, pageY:200 } );

你可以向他们发出针对在DOM任何元素：

$("body").trigger( event );

演示： http://jsbin.com/ezoxed/edit#javascript,html
延伸阅读： http://api.jquery.com/category/events/event-object/

请记住，还有各种其他类型的市场上的接口目前不支持touchstart和touchend事件。 举例来说，Windows 8的已经在移动市场占据平板电脑，它采用了更抽象的事件模型，包括指针的。

Answer 2:

Chrome浏览器开发工具在Chrome浏览器中，您可以模拟触摸事件。 见https://developers.google.com/chrome-developer-tools/docs/mobile-emulation 。

从文档...

模拟触摸事件

触摸是一种输入法，这是难以测试的桌面上，因为大多数的台式机不具备触摸输入。 有来测试移动可以拉长你的开发周期，因为每一个改变你让需要被推出到服务器，然后装在设备上。

解决这个问题是要模拟在开发机器上的触摸事件。 对于单点触摸，在Chrome DevTools支持单点触摸事件仿真，使其更容易调试桌面上的移动应用程序。

在Chrome浏览器中使用（为29.0.1547.65版本）：

1. 在浏览器窗口（三个堆叠线）的右上方选取Chrome选单。
2. 选择工具>开发人员工具。 （快捷键Shift +控制+ I）
   一个工具窗口将出现在与控制台中选择的选项卡的底部。
3. 在上设置COG右下角点击（看起来像一个齿轮）。
   的设置面板将与“大将军”在上面出现。
4. 点击左侧选择覆盖面板“替换”。
5. 向下滚动，选中“启用触摸事件”
6. 重新载入网页

你现在鼠标将显示为一个模糊圈。 点击“触摸”。

Answer 3:

截至2018年，Chrome的DevTools支持设备仿真彻底，无需任何覆盖设置。 只需拨动设备工具栏（Ctrl + Shift + M）得到浏览器到移动模式，然后触摸事件可以通过鼠标来触发。

文章来源: Simulating touchstart and touchend events?