|
1 / 1 / 0
Регистрация: 15.03.2021
Сообщений: 33
|
||||||
touchmove не работает как надо в мобильных браузерах android, а в iOS работает15.12.2022, 17:59. Показов 1728. Ответов 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 Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
||||
|
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта
Симптом:
После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
|
Access
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
|
Новый ноутбук
volvo 07.12.2025
Всем привет.
По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне:
Ryzen 5 7533HS
64 Gb DDR5
1Tb NVMe
16" Full HD Display
Win11 Pro
|
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
|
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
|
|
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов
На странице:
https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/
нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
|
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов.
. . .
|
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
|
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
|
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут.
В век Веб все очень привыкли к дизайну Single-Page-Application .
Быстренько разберем подход "на фреймах".
Мы делаем одну. . .
|