Событие touchmove срабатывает за границей элемента?

Question

[Богдан]

Здравствуйсте. Подскажите пожалуйста. Событие touchmove срабатывает и за границей элемента. Можно ли как-то узнать кординаты которые относятся к текущему элементу. Была идея вычислять позицию элемента через getClientRects() и сравнивать с event.targetTouches[0].clientX, но элемент имеет border-radius и тут уже так просто не выйдет. Может есть какие-то идеи?



Спасибо.

Answer 1

[yarnstart]

Нужно найти координаты центра окружности и координаты клика, используем формулу рассчета расстояния между двумя координатами, и сравниваем полученный результат с радиусом окружности, если расстояние меньше = клик в окружности.
Пример:
https://codepen.io/anon/pen/modgxX