Javascript CSS：仅将指针事件应用于文本

是否有任何方法可以使用CSS指针事件仅应用于文本（例如在div中）？这似乎适用于SVG，但是否也有一个属性仅适用于常规文本元素

这就是我努力实现的目标：

<div style="width: 500px; height: 500px">
Fire only when this text is clicked!
<p><!--Don't fire in this space--></p>
Fire here too!
</div>

我不想在父div中创建子项来捕获事件

提前谢谢

将它放在一个文件夹中，并对其应用css

鼠笼{ 光标：指针； } 仅当单击此文本时激发！ 在这里开火

---

像这样的东西行吗

div {
  pointer-events: auto;
}

div p {
  pointer-events: none;
}

或者选择所有喜欢的孩子

div * {
  pointer-events: none;
}

---

我不确定您的情况，但是多点html（如span标记）将有助于保持内容的整洁。

首先，CSS中没有文本节点选择器。 因此，如果不想在父div中添加任何子项，则必须排除所有其他子项。例如：

<div>
    No pointer events here
    <div class="other-class1"></div>
    <div class="other-class2"></div>
    <p></p>
    No pointer events here
<div>

---

谢谢你的回答，这当然是一个解决方案。但是，我希望在单击文本的任何部分时捕获父div的事件，并且不希望在跨距中单独包装每个部分。

div{
    pointer-events: auto;
}
div:not(.other-class1):not(.other-class2):not(p){
    pointer-events: none;
}