@Norwood

Как заблокировать кнопку при пересечении элемента?

Есть квадрат. Внутри него круг. Каким образом можно заблокировать кнопку при касании круга любой стороны квадрата. Т.е., как только следующее перемещение круга должно привести к выходу за пределы квадрата, то эта кнопка должна быть disabled.
Сам код тут.
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
  1. После каждого перемещения, нужно посчитать где будут проходить границы круга если нажать ещё раз. И если он выходит за рамки квадрата -- выключить кнопку
  2. При изменении шага перемещения, нужно выполнить пересчет из пункта №1.


Но есть способ попроще. Вместо того, чтобы включать/выключать кнопки, можно определить максимальное/минимальные координаты для круга. И при каждом перемещении не позволять кругу выйти за установленные лимиты. Так он просто "упрётся" в край квадрата сколько не нажимай.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы