Я пытаюсь понять, как добиться эффекта "мышиной" в сенсорных устройствах.
Я создал этот простой пример, чтобы продемонстрировать поведение, которое я ищу.
$( 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"});
}
});
});
Я хочу добиться такого же поведения на мобильных (сенсорных устройствах).
как вы можете видеть (в примере), touchmove не будет работать. Я также попробовал jQuery mobile vmouseover, который не работает.
если у кого-то есть идеи, я бы очень признателен!
спасибо, Asaf
На устройствах iOS есть трюк: http://www.codediesel.com/javascript/making-mouseover-event-work-on-an-ipad/