jquery - 确定 div 是否在其边框上被单击

Question

我想实现一个原始的吸管功能，可以在具有背景颜色的 div 上单击吸管光标，并通过使用 jQuery 读取 CSS 样式来拉取该颜色。但是如果单击 div 的边框并且它的颜色不同怎么办？我如何拉出那个颜色？我在单击事件中没有看到任何内容告诉我单击了边框而不是内容。

有没有一种方法可以感知边框点击，而无需进行所有计算边框位置以及点击是否位于该区域的数学运算？

感谢您的任何想法。

Answer 1

Is there a way to sense a border click, without going through all the math of calculating where the border is and if the click was in that area?

简短回答:不，不经过数学计算就不行。

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

但是，要实现您想要的目标，您似乎至少需要以下成分:

.offset()、.innerWidth()、innerHeight()，通过 .css() 获取 4 个边框宽度、event.pageX() 和 event.pageY

演示:http://jsfiddle.net/terryyounghk/YvFQX/

熟悉盒模型将对此类思考过程以及制定良好的代码策略有很大帮助。

引用:http://www.w3.org/TR/CSS2/box.html