Как реализовать hover эффект для сенсорных (мобильных) устройтсв?

Question

[VVS10]

Всем привет!

Суть проблемы в "залипании" кнопок с hover эффектам на мобильных, как можно реализовать это, что бы цвет изменялся только при нажатии на кнопку или div и сразу приходил в исходное положение.

Ссылка на кнопки: https://jsfiddle.net/vvs10/pL14gfwa/1/

Answer 1

[VVS10]

Решил проблему с сенсорными дисплеями с помощью такого кода:

document.querySelector('.pleer-controls__right').addEventListener("touchstart", myTouch);
document.querySelector('.pleer-controls__right').addEventListener("touchend", myTouchEnd);

function myTouch(){
  $(this).toggleClass('clicked');
}

function myTouchEnd(){
  $(this).removeClass('clicked');
}

Answer 2

[Lord_Dantes]

https://habr.com/ru/post/213801/