小编典典

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

all

请看这个小提琴:http: //jsfiddle.net/ZWw3Z/5/

我的代码是:

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

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


    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate...</p>

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


阅读 73

收藏
2022-05-18

共1个答案

小编典典

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

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

2022-05-18