Почему mousemove не работает для сенсорных экранов?

Question

[Вазген Алексанян]

Есть такой код -

document.body.addEventListener('mousemove', f);
document.body.addEventListener('mouseup', function(){
document.body.removeEventListener('mousemove', f);
},{once: true});

который не работает на смартфонах. и даже на компах(в device toolbar);

Comments

[Rustam Bainazarov]

Наверное, потому, что на них нет мышки? :))

Есть touchmove.

Answer 1

[Дмитрий]

Потому что на смартфонах нет мышки , внезапно ;)
Попробуйте использовать события touchstart, touchend

Comments

[Вазген Алексанян]

mousemove -> touchstart
mouseup -> touchend ???

[Дмитрий]

Тогда уж mousedown -> touchstart

[Вазген Алексанян]

SL_BTN_ARROWS.addEventListener('touchstart', function(ev){

document.body.addEventListener('touchmove', f);
document.body.addEventListener('touchend', function(){
document.body.removeEventListener('touchmove', f);
},{once: true});

})

так ведь должен был работать?

Answer 2

[Дима Паутов]

Потому что следуя из названия события, это событие мыши, а не тача!! Используйте touch события для сенсорных устройства

Answer 3

[Павел Корнилов]

Вот пример, как совместить события мыши с тачскрином:
https://codepen.io/KorniloFF/pen/pqwMxm