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

小编典典

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

javascript

我的代码是：

p {
    position: relative;
    background-color: blue;
}

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

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

阅读 409

2020-04-25

共1个答案

小编典典

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

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

2020-04-25