确定是否在div的边框上单击了div

Question

我想实现一个原始的滴管功能，滴管光标可以在带有背景颜色的div上点击，这个颜色是通过用jQuery读取CSS样式来拉取的。但是，如果div的边框被单击，并且它是不同的颜色怎么办？我怎么才能画出那种颜色呢？我在click事件中看不到任何东西，它告诉我单击的是边框而不是内容。

有没有一种方法可以感知边框点击，而不需要计算边框在哪里，以及点击是否在那个区域？

谢谢你的点子。

Answer 1

有没有一种方法可以感知边框点击，而不需要计算边框在哪里，以及点击是否在那个区域？

Short answer：不，没有经过数学计算就不会。

原因是，边框不是元素，它们是DOM元素的一部分，没有自己的独立事件处理程序。

但是，为了实现你想要的东西，似乎你至少需要这些成分：

.offset()、.innerWidth()、innerHeight()，通过.css()、event.pageX()和event.pageY提供4种边框宽度

演示：

熟悉盒子模型会对像这样的思考过程有很大的帮助，也会开发出一个好的代码策略。

参考：