Используете событие mousedown на мобильном телефоне без jQuery mobile?
Я создал веб-приложение, и для некоторой полировки я хотел добавить обработчики mousedown и mouseup для обмена изображениями (в этом случае, чтобы кнопка выглядела так, как будто она нажата).
мой код примерно такой:
window.onload = function() {
//preload mouse down image here via Image()
$("#button_img").mousedown(function(){$("#button_img").attr("src","button_on.png");});
$("#button_img").mouseup(function(){$("#button_img").attr("src","button_off.png")});
}
Это работает плавно на настольном компьютере, но на мобильном устройстве (тестирование в iOS Safari) события mousedown и mouseup происходят одновременно, поэтому практически ничего не происходит.
Я пытался использовать события vmousedown и vmouseup в jQueryMobile, однако этот код:
//include jquerymobile.js and jquerymobile.css
window.onload = function() {
//preload mouse down image here via Image()
$("#button_img").vmousedown(function(){$("#button_img").attr("src","button_on.png");});
$("#button_img").vmouseup(function(){$("#button_img").attr("src","button_off.png")});
}
Просто дал мне ошибки, которые vmousedown и vmouseup не существуют. Кроме того, jQueryMobile переопределяет CSS, который я уже написал для этой страницы.
Так есть ли способ заставить работать vmousedown и vmouseup, и сделать это без CSS jQuery Mobile?