Используете событие 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?

Ответы на вопрос(3)

Ваш ответ на вопрос