2

Пишу вэб приложение на javascript которое должно быть кросплатформенным, но столкнулся с проблемой при работе с сайтом на телефоне не работают такие события как например onmousedown или onmouseover и прочие, есть ли какое то решение в данном случае, мне нужно реализовать функцию drag n drop, которая на компьютере работает а на телефоне нет.

пока вывожу только координаты на экран но почему то при событии touchmove перезагружается страница в браузере на андроид

function test(e){
            e.preventDefault();
            var td = document.querySelector('.todo_list ');
            td.innerText = e.touches[0].clientX;
        }
        document.addEventListener('touchstart', test, false);
        document.addEventListener('touchmove', test, false);

2 ответа 2

2

На сенсорных устройствах срабатывают события touch: touchstart, touchend, touchmove... Вся информация в документации Тач-события

4
  • то есть правильно я понимаю что придется для сенсорных писать отдельные функции?=( 5 ноя 2018 в 7:59
  • Нет, только параметры события получать немного другим способом. Главное получить координаты и target. Остально не отличается 5 ноя 2018 в 8:01
  • Вроде относительно разобрался но немогу понять почему то при touchmove на андроиде браузер перезагружается (код добавил в основной вопрос) 5 ноя 2018 в 14:35
  • @Чайник свайп влево/вправо вызывает переход браузера вперед/назад. Может в этом дело? 5 ноя 2018 в 15:16
0

onmousedown для телефонов это ontouchstart, а onmouseup - ontouchend

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.