Код выполнения при наведении курсора мыши на сенсорном экране также ⇐ CSS

[Anonymous]

Я везде читаю, что на сенсорном экране нет наведения. Однако я знаю, что при обычном одиночном касании запускаются следующие события:
touchstart
touchend
mouseover
mousedown
mouseup
click
Событие mouseout вызывается, когда я касаюсь другого элемента.
То есть, если у меня есть этот пример кода:

Код: Выделить всё

const divTag = document.querySelector("div");

divTag.addEventListener("mouseover",function(){
divTag.classList.add("change-color");
})

divTag.addEventListener("mouseout",function(){
divTag.classList.remove("change-color");
})

Код: Выделить всё

div{
height:400px;
background-color:black;
color:white;
}

div.change-color{
background-color:aqua;
}

Код: Выделить всё

DIV

Я знаю, я мог бы реализовать это с помощью CSS :hover но приведенный выше код является примером.
Я протестировал этот код на своем телефоне Android, и он работает. Единственная разница в том, что цвет остается в элементе, когда я к нему прикасаюсь, и мне приходится щелкать в другом месте, но в моей ситуации все в порядке.
Вы уже в пути? или я упускаю суть? Например, есть ли проблемы совместимости с другими устройствами?
(Я знаю Pointer Api, но сейчас мне интересно узнать, правильно ли мое решение, а если нет, то как решить его с помощью сенсорных событий)

Подробнее здесь: https://stackoverflow.com/questions/785 ... en-as-well