эффект наведения мыши в сенсорных устройствах

0

Я пытаюсь понять, как добиться эффекта "мышиной" в сенсорных устройствах.

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

$( document ).ready(function() {
    isDown = false;

    $('#rect1').on('touchstart mousedown', function(e) {
        e.stopPropagation();
        e.preventDefault();

        isDown = true;

        $(this).css({"background-color":"red"});
    });

    $(document).on('touchend mouseup', function(e) {
        e.stopPropagation();
        e.preventDefault();

        isDown = false;

        $('#rect1').css({'background-color':'grey'});
        $('#rect2').css({'background-color':'grey'});
    });

    $('#rect2').on('touchmove mouseover', function(e) {//.hover(function() {
        if (isDown) {
            $(this).css({"background-color":"red"});
        }
    });
});

http://jsfiddle.net/mE9Ug/

Я хочу добиться такого же поведения на мобильных (сенсорных устройствах).

как вы можете видеть (в примере), touchmove не будет работать. Я также попробовал jQuery mobile vmouseover, который не работает.

если у кого-то есть идеи, я бы очень признателен!

спасибо, Asaf

  • 0
    если вы можете проверить консоль, то сначала вы должны проверить ошибку консоли ... убедитесь, что ошибки консоли уничтожают эффект наведения мыши ....
  • 0
    Что вы имеете в виду? в моем мобильном телефоне у меня нет опции консоли, и в настольной версии ошибки нет.
Теги:
mobile
touch
jquery-mobile

1 ответ

0

На устройствах iOS есть трюк: http://www.codediesel.com/javascript/making-mouseover-event-work-on-an-ipad/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню