Вопрос по jquery, javascript – Имитация TouchStart и Touchend событий?

11

Я разрабатываю компонент jquery, который работает в основном для ipad. Так есть ли в любом случае для имитации "touchstart" и "touchend"? события на рабочем столе, а не само устройство для проверки событий.

Ваш Ответ

3   ответа
7

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 уже занимает планшеты на рынке мобильных устройств и использует более абстрактную модель событий, состоящую из указателей.

6

ые события. Увидетьhttps://developers.google.com/chrome-developer-tools/docs/mobile-emulation.

Из документов ...

Emulating Touch Events

Touch is an input method that's difficult to test on the desktop, since most desktops don't have touch input. Having to test on mobile can lengthen your development cycle, since every change you make needs to be pushed out to a server and then loaded on the device.

A solution to this problem is to simulate touch events on your development machine. For single-touches, the Chrome DevTools supports single touch event emulation to make it easier to debug mobile applications on the desktop.

Для использования из браузера Chrome (начиная с версии 29.0.1547.65):

Select the Chrome menu at the top-right of your browser window (three stacked lines). Select Tools > Developer tools. (Shortcut Shift+Control+I)
A tools window will appear on the bottom with the tab Console selected. In the bottom right click on the settings cog (look like a gear).
A setting panel will appear with "General" on top. Click "Overrides" on left to select overrides panel. Scroll down and check "Enable touch events" Reload your page

Ваша мышь теперь будет отображаться в виде размытого круга. Нажмите, чтобы "коснуться".

0

Chrome DevTools поддерживает эмуляцию устройства без необходимости настройки переопределения. Просто переключите панель инструментов устройства (Ctrl + Shift + M), чтобы перевести браузер в мобильный режим, и сенсорные события могут быть вызваны мышью.

Похожие вопросы