t00rt
@t00rt

Как отменить переход по ссылке при таких условиях?

В наличии блок являющийся ссылкой. Переход по ссылке должен происходить только в том случае, если от нажатия кнопки мыши и её отпуском курсор прошел не более 10px.
Если между событиями курсор прошел более 10px, переход должен блокироваться.

Надеюсь понятно объяснил, на всякий случае еще вот картинка. По всему радиусу не обязательно, хотя бы по горизонтали.
5c98e6fceb7ab419596436.jpeg
  • Вопрос задан
  • 182 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Вообще, вот так
но нужно к ссылке добавить draggable="false", иначе при движении зажатой мыши, будет происходить перетаскивание.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@nvdfxx
Senior Pomidor developer
mousedown -> запомнили координаты мыши -> mouseup -> запомнили координаты мыши -> если вам прям вот 10px надо, чтоб точно 10 было, то находим гипотенузу этого прямоугольного треугольника, после чего делаем вывод - разрешать переход или нет
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы