小编典典

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

javascript

我的代码是:

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

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

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


阅读 410

收藏
2020-04-25

共1个答案

小编典典

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

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

2020-04-25