Добавление сенсорных состояний с помощью jQuery - PullRequest
Новая
       4

Добавление сенсорных состояний с помощью jQuery

0 голосов
/ 01 декабря 2011

http://jsfiddle.net/JamesKyle/Ke536/

Как вы можете видеть, я делал с классами hover и active, я пытаюсь найти простой способ добавления простых событий касания ко всем элементам на странице. 

$(document).ready(function() {
// MOUSE
    $('*').mouseover(function() {$(this).addClass('hover');});
    $('*').mouseout(function() {$('.hover').removeClass('hover');});

    $('*').mousedown(function() {$(this).addClass('active');});
    $('*').mouseup(function() {$('.active').removeClass('active');});

// TOUCH
    // On touch down wait (100ms) > add class touch
    // On touch move > remove class touch

    // On touch up > add class active
});

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

Вы можете увидеть jsfiddle здесь: http://jsfiddle.net/JamesKyle/Ke536/

1 Ответ

0 голосов
/ 01 декабря 2011

Посмотрите на события touchstart, touchmove и touchend.

Вы можете программно определить время, необходимое с помощью дельты, с помощью +new Date.

...