Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259

Touchmove

05.08.2019, 09:57. Показов 1617. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
как определить, пользователь провел пальцем по экрану слева направо или наоборот?
функцию подскажите, чтобы возвращала true, если слева-направо, и false если справа-налево
или где почитать толковую статью.

примерно представляю
JavaScript
1
2
3
4
5
6
let mobDisplacement = (event) => {
    if (event.targetTouches.length == 1){
        let touch = event.targetTouches[0];
        console.log(touch.pageX);
    }
}
а вот как получить последовательно два значения touch.pageX ?
И потом их можно будет вычесть одно из другого и получить нужный результат
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
05.08.2019, 09:57
Ответы с готовыми решениями:

touchmove event
Форумчане, подсобите, пжлста) наткнулся на touchmove. пробовал и так, и эдак. на телефоне не работает, да и на компьютере тоже. в общем...

Не работает touchMove
Не корректно работает событие touchmove: На скаченных браузерах работает, но на стандартном андроид браузере работает первые событий 10,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
05.08.2019, 10:20
klopp, приветствую. Самому интересно. Вот здесь смотрели: https://developer.mozilla.org/... uch_events
А вот здесь (не поручусь, не проверял) где описан swipe, вроде можно поймать лево/право https://youon.ru/Андроид/Разра... alizatsiya
0
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
05.08.2019, 10:29  [ТС]
atanov, смотрел, но там пример дается в привязке к канвасу, пока не могу вкурить. Консоль выдаёт по мере движения изменение координат, но как их собрать не могу сообразить
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
05.08.2019, 10:32
klopp, а втрой, где swipe?
0
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
05.08.2019, 11:54  [ТС]
Цитата Сообщение от atanov Посмотреть сообщение
где swipe
я так понимаю, он там ловит два события: touchstart и touchend и потом сравнивает ихние pageX
надо попробовать

такой вот костыль получился, не особо нравится он мне, но, как говорится, за неимением кухарки....
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
let startPoint = 0, endPoint = 0, flag = true;
const mobDisplacement = (event) => {
    if (event.targetTouches.length == 1){
        let touch = event.targetTouches[0];
        if(flag){
            startPoint = touch.pageX;
            flag = false;
        }
        endPoint = touch.pageX;
    }
    //определяем движение вправо или влево
    if((endPoint - startPoint) > 0)
        console.log('+++++');
    else
        console.log('-----');
}
preview.addEventListener('touchmove', mobDisplacement);
нужно еще доработать на какое расстояние пользователь провёл пальцем и сделать соответствующую прокрутку в обработчике
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
05.08.2019, 12:18
Цитата Сообщение от klopp Посмотреть сообщение
такой вот костыль получился
JavaScript
1
2
3
4
5
6
7
8
9
10
11
let beginCoordinates = 0;
 
function move(e){
    if(e.targetTouches[0].pageX > beginCoordinates)
        console.log('Вправо');
    else
        console.log('Влево');
}
 
document.addEventListener('touchstart', e => beginCoordinates = e.targetTouches[0].pageX );
document.addEventListener('touchmove', move);
Смысл тот же что и у тебя... думаю можно что-то получше придумать
0
30 / 26 / 3
Регистрация: 01.09.2018
Сообщений: 141
05.08.2019, 12:18
не понимаю, что мешает автору посмотреть исходники какого-нибудь слайдера на гитхабе
1
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
05.08.2019, 13:17
klopp,

Не знаю подойдет?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
let coord = 0;
 
function move(e){
    if(e.targetTouches[0].pageX > coord)
        console.log('+++++');
    else
        console.log('-----');
    coord = e.targetTouches[0].pageX;
}
 
document.addEventListener('touchmove', move);
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru