Имитация touchstart и touchhend событий?

Question

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

Answer 1

Можно создавать свои собственные события в JQuery:

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

И вы можете выдать их против любого элемента в DOM:

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

Demo: http://jsbin.com/ezoxed/edit#javascript,html
Дальнейшее чтение: http://api.jquery.com/category/events/event-object/

Имейте в виду, что на рынке существуют различные типы интерфейсов нет w, которые не поддерживают touchstart и touchend событий. Например, Windows 8 уже занимает планшет на мобильном рынке и использует более абстрактную модель событий, состоящую из указателей.

Answer 2

Chrome Dev-tools в браузере Chrome позволяет эмулировать события касания. См. https://developers.google.com/chrome-developer-tools/docs/mobile-emulation.

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

Эмуляция события касания

Прикосновение является метод ввода, который трудно проверить на рабочем столе, поскольку большинство настольных компьютеров не имеют сенсорного ввода. Необходимость тестирования на мобильном телефоне может продлить ваш цикл разработки, поскольку каждое изменение, которое вы делаете, требует , которое выталкивается на сервер, а затем загружается на устройство.

Решение этой проблемы заключается в моделировании событий касания на вашей машине разработки . Для одно касаний Chrome DevTools поддерживает эмуляцию событий с одним касанием, чтобы упростить отладку мобильных приложений на рабочем столе.

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

1. Выберите меню Chrome в правом верхнем углу окна браузера (три сложенных линии).
2. Выберите Инструменты> Инструменты разработчика. (Shortcut Shift + Control + I)
   Окно инструментов появится в нижней части с выбранной вкладкой Консоль.
3. В правом нижнем правом углу щелкните по настройкам cog (смотрите шестерню).
   Панель настроек появится с надписью «Общие» сверху.
4. Нажмите «Переопределения» слева, чтобы выбрать панель переопределения.
5. прокрутки вниз и установите флажок «Включить события прикосновения»
6. Обновить вашу страницу

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