|
1 / 1 / 0
Регистрация: 15.03.2021
Сообщений: 33
|
||||||
touchmove не работает как надо в мобильных браузерах android, а в iOS работает15.12.2022, 17:59. Показов 1915. Ответов 6
Очень нужна ваша помощь, потому что вообще не понимаю, в чём может быть дело. Пытаюсь для своих прикладных задач доработать плеер из вот этой штуки: https://tympanus.net/codrops/2... rd-player/. Хочу, чтобы игла при проигрывании музыки двигалась перетаскиванием не только с компа, как было в оригинале. Добавила в функции, отвечающие за движение, как мне казалось, логичные прослушки событий touchstart-touchmove-touchend. В браузере safari на iOS все заработало без проблем. В хроме на android, когда я нажимаю пальцем на иглу и пытаюсь её перетащить, весь интерфейс на экране тупо ломается: музыка сбрасывается, игла, конечно, никуда не движется, и вообще ни одна кнопка и ссылка на экране больше не нажимается. Помогает только перезагрузка страницы. Такое чувство, что после вызова startDragging никакие события touch больше не ловятся, и потому все зависает. В чем может быть проблема? Помогите, пожалуйста
![]()
0
|
||||||
| 15.12.2022, 17:59 | |
|
Ответы с готовыми решениями:
6
Работа с <audio> в мобильных браузерах ios, android (обход ограничений на воспроизведение) JS не работает как надо в IE и в Edge браузерах
|
|
1 / 1 / 0
Регистрация: 15.03.2021
Сообщений: 33
|
|
| 16.12.2022, 17:35 [ТС] | |
|
Пробовала как-то с компа отладить, несмотря на то, что touch-действия там не настоящие), но там тоже все работает... Но если убирать прослушку touchmove, то везде всё ломается именно таким же образом, как на андроиде, то есть проблема реально в том, что несмотря на то, что touchart на андроиде ловится так же спокойно, как везде, touchmove и touchend после этого почему-то не происходят. Ну объясните кто-то дурачке, почему(
0
|
|
|
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
|
|
| 16.12.2022, 18:05 | |
|
А ошибки в консоли какие?
Было бы неплохо также увидеть код в действии. По этому отрывку сложно что-то сказать.
0
|
|
|
1 / 1 / 0
Регистрация: 15.03.2021
Сообщений: 33
|
||
| 16.12.2022, 18:23 [ТС] | ||
|
ошибок в консоли по теме я не вижу, просто функция startDragging все свои процессы вызывает, музыку приостанавливает и т.д... а EventListener'ы ни на move ни на end почему-то не срабатывают, потому остается только впустую крутящаяся пластинка), она останавливается, когда кончается трек, а трек не кончается, потому что startDragging его прервал насильно, а в stopDragging мы никогда не попадём. Я просто вообще не знаю, в какую сторону думать, потому что, повторюсь, тот же код в safari на iOS работает прекрасно
0
|
||
|
968 / 530 / 244
Регистрация: 20.05.2015
Сообщений: 776
|
|||||||
| 16.12.2022, 22:21 | |||||||
Сообщение было отмечено webblond07 как решение
Решение
webblond07, Здравствуйте.
dragging. Происходит расчет расположения по координатам X и Y на странице. Для события mousemove это будет работать. Но, не для touchmove.
Иголка двигается, песня перематывается. Но, местами дергается. Проверял на Android. Это всё конечно решается, но не очень в этом силен.
1
|
|||||||
|
1 / 1 / 0
Регистрация: 15.03.2021
Сообщений: 33
|
||||||
| 17.12.2022, 12:19 [ТС] | ||||||
|
evikza, спасибо! Добавила проверку (эксперимента ради убрав оттуда все устройства apple), и на телефоне все правда заработало как надо.
0
|
||||||
| 17.12.2022, 12:19 | |
|
Помогаю со студенческими работами здесь
7
Почему не работает прокрутка страницы в мобильных браузерах Bootstrap-шаблона? Не работает код как надо кто может сказать мне, почему не работает как надо? Приложени Angular + asp.net core web api не работает в браузерах на мобильных устройствах Не работает touchMove Разработчик мобильных приложений iOS/Android Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
| Опции темы | |
|
|
Новые блоги и статьи
|
|||
|
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2.
Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
|
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2.
Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом.
В. . .
|
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2.
Задача: отобразить спецтехнику, которая на данный момент находится в ремонте.
Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
|
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
|
|
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
|
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут
Суть:
- Группа наркоманов из 10 человек.
- Только один инфицирован ВИЧ.
- Колются одной иглой.
- Колются раз в день.
- Колются последовательно через. . .
|
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
|
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
|