Как разрешить щелчок мыши рядом с элементом?

Question

Давным-давно на конференции React я видел, как докладчик добавил что-то в свой код, что позволило вам перетаскивать разделитель на экране, перемещаясь в пределах определенного количества пикселей от него, а не нажимать точно на это.

Это удобная концепция для улучшения юзабилити, хотя я не знаю, как она называется. Возможно, добавление «помои»? Во всяком случае, я полностью забываю, как он это сделал, по-видимому, используя какой-то подход к отступам. Кто-нибудь знает, как называется эта практика и как ее реализовать? Я предполагаю, что это было то, чего он достиг с помощью CSS, но я не уверен.

Answer 1

Вы можете использовать vanilla js для этого. Используя element.getBoundingClientRect() для получения смещения элемента относительно тела и сравнивая с фактическими mouseX и mouseY (в момент клика, конечно), вы теперь знаете расстояние между элементом и щелчком, теперь добавьте некоторую логику, например: Расстояние до случая <допустимое смещение, затем выполните некоторый побочный эффект. </p>