Имитация сенсорного экрана и прикосновения к событиям?

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

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

Ответ 2

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

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

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

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

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

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

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

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