Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.04.2020, 22:34
Новичок на форуме
Отправить личное сообщение для vladislavdugin Посмотреть профиль Найти все сообщения от vladislavdugin
 
Регистрация: 01.04.2020
Сообщений: 1

Touch события на canvas элементе
Допустим на странице имеется довольно больших размеров canvas. На этот canvas добавлены ряд элементов (пусть это будут цветные квадраты). При нажатии на canvas происходит проверка: находится ли точка касания в области какого либо из элементов (квадратов чьи координаты и размеры записаны в массив) - при "удачном сравнении" происходит событие (условный alert). Получается этакий 'интерактивный холст'. Так вот при открытии этого холста с touch устройства, возникают проблемы с событиями. При увеличении/перемещении canvas-а жестами, происходит постоянное срабатывание события touchstart (что вообщем то логично), при попадании пальцем на элемент, вылазит alert. Есть ли возможность как-то блокировать событие клика при увеличении/перемещении canvas-а или как-то иначе решить эту задачу?
Ответить с цитированием
  #2 (permalink)  
Старый 01.04.2020, 23:21
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,671

canvas {
    touch-action: none;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Touch события Spirtikys Events/DOM/Window 9 07.10.2019 14:05
Touch события FunBek Мобильный JavaScript 5 16.12.2013 14:12
Запрет события Click на дочернем элементе, кот. находится за рамками родителя Smokvin Events/DOM/Window 11 10.11.2013 01:53
Не срабатывают события на элементе <option> DreamTheater Events/DOM/Window 2 14.06.2011 20:24
вызов события на определенном элементе vvsh Events/DOM/Window 1 23.06.2010 06:17