仅检测伪元素上的点击事件

  • Z时代
  • 2024-01-10
  • 分类：问答

我的代码是：

p {
    position: relative;
    background-color: blue;
}
p:before {
    content: '';
    position: absolute;
    left:100%;
    width: 10px;
    height: 100%;
    background-color: red;
}

我只想在伪元素（红色位）上触发点击事件。也就是说，我不希望在蓝色位触发点击事件。

回答：

这不可能; 伪元素根本不是DOM的一部分，因此您不能将任何事件直接绑定到它们，只能绑定到其父元素。

如果仅在红色区域上必须具有单击处理程序，则必须制作一个子元素（如a）span，将其放置在开始<p>标记之后，将样式应用于p

span而不是p:before，并绑定到它。

以上是 仅检测伪元素上的点击事件 的全部内容， 来源链接： utcz.com/qa/401961.html

回到顶部