У меня есть веб-сайт с кнопкой.Устройство является сенсорным устройством с хромом (в режиме киоска).
Когда я касаюсь и держу рядом с кнопкой (не на самой кнопке), кнопка меняет внешний вид и ощущается как нажатая кнопка.Но ни одно из событий touchstart, touchend, mousedown
и т. Д. Не запускается.
Когда я касаюсь и отпускаю рядом с кнопкой, события запускаются, как и ожидалось.
Я так думаюимеет отношение к толерантности к нажатию chromium
(для лучшего нажатия кнопок и т. д.).Я не заметил такого поведения в midori
или в режиме эмуляции касания в Chrome (Инструменты разработчика)
То, что я ищу, это событие, когда кнопка нажата (и удерживается) исобытие, когда кнопка отпущена.
При работе с мышью я могу использовать mousedown и mouseup.С сенсорным управлением я могу использовать touchstart и touchend (но только при касании точно кнопки).Как я могу справиться с этим при прикосновении близко к кнопке?Есть ли событие, подобное нажатию кнопки, нажатие кнопки?
Я проверяю поведение с помощью следующего фрагмента.
$(function() {
$('button').on('focus blur touchstart touchend mousedown mouseup mouseover click mouseleave',function(ev) {
$('<p>').text(ev.type).prependTo('div');
});
});
p {
margin: 0; padding:0
}
button {
padding: 1em;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Long Text</button>
<div>
</div>