<分区>
假设我有:
<div></div>
与:
div {
width: 500px;
height: 500px;
position: relative;
}
div:after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
}
我可以做类似 $('div:after').click(function(){...}); 的事情吗？如果我点击 div 而不是 div:after，它不会触发。
最佳答案
也许吧。根据您构建伪内容的方式，您将不得不依靠计算鼠标位置来点击实际的 div。事件处理程序将全部放在 div 上，而不是伪元素，因为它不存在于 DOM 中。
参见 Manipulating CSS :before and :after pseudo-elements using jQuery 了解更多信息。特别是 BoltClock 的回答。
另请参阅 Felix 的评论以了解另一种没有鼠标位置的可能解决方案:Only detect click event on pseudo-element
关于jquery - 是否可以检测到 :after or :before pseudo element with jQuery? 的点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15707588/