很久以前，在 React 的一次会议演讲中，我看到演示者在他的代码中添加了一些东西，允许您通过在屏幕上的一定数量的像素内单击并拖动分隔线，而不是完全点击它。
这是提高可用性的一个方便的概念，尽管我不知道它叫什么。可能添加'slop'？无论如何，我完全忘记了他是如何做到的，大概是使用了一些填充方法。有谁知道这种做法叫什么以及如何实施？我认为这是他用 CSS 实现的，但我不确定。
您可以使用 vanilla js 来做到这一点。使用element.getBoundingClientRect()检索元素的偏移相对身，并与实际比较mouseX和mouseY（当然在点击那一刻），你现在知道该元素和点击之间的距离，现在添加一些逻辑，如：表壳距离<接受那么offset做一些侧影响。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句