2015-01-12 5 views
7

есть сенсорный эквивалент мышиного центра.JS: эквивалент касания для mouseenter

Я хотел бы узнать, сколь скользит пользователь на моем DIV.

Я предпочитаю решение, зависящее непосредственно от целевого элемента не на родительском элементе с пересчитывая позиции и т.д.

Сайт: http://dizzyn.github.io/piano-game/ - отлично работает с мышью (мышь вниз и слайд, не работает с сенсорным слайде)

Спасибо

ответ

6

Посмотрите на эти события:

touchstart Триггеры, когда пользователь вступает в контакт с сенсорной поверхностью и создает сенсорный точку внутри элемента, событие я связанный с.

touchmove Триггеры, когда пользователь перемещает точку касания по поверхности касания.

touchhend Триггеры, когда пользователь удаляет точку касания с поверхности. Он срабатывает независимо от того, удалена ли точка касания внутри связанного элемента или снаружи, например, если палец пользователя выскользнул из элемента сначала или даже с края экрана.

touchhenter Триггеры, когда точка касания входит в связанный элемент. Это событие не пузырится.

touchleave Триггеры, когда точка касания оставляет связанный элемент. Это событие не пузырится.

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

В частности, прикосновение и касание.

http://www.javascriptkit.com/javatutors/touchevents.shtml

+0

Спасибо, кажется, что "TouchEnter" не реализован в Крома (Win8). Это меня смутило. –

+2

touchhenter и touchleave [устарели w3c] (http://www.w3.org/TR/touch-events/#list-of-touchevent-types), как отметил [этот комментатор в другом потоке] (http : //stackoverflow.com/a/26018227/1318399). – LazyMonkey