仅检测伪元素上的点击事件
我的代码是：
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，并绑定到它。
-
问题内容： 如何检测元素外部的点击？我正在使用Vue.js，因此它将不在我的模板元素之外。我知道如何在Vanilla JS中做到这一点，但是当我使用Vue.js时，我不确定是否有更合适的方法来做到这一点？ 我想我可以使用更好的方法来访问元素？ 问题答案： 只需设置一次自定义指令即可很好地解决： 用法： 在组件中：
-
问题内容： 我有一些HTML菜单，当用户单击这些菜单的标题时，它们会完整显示。当用户在菜单区域之外单击时，我想隐藏这些元素。 jQuery可能会发生这种情况吗？ 问题答案： 注意：应该避免使用，因为它会破坏DOM中的正常事件流。有关更多信息，请参见本文。考虑使用这种方法，而不是 将单击事件附加到关闭窗口的文档主体。将单独的click事件附加到容器，以停止传播到文档主体。
-
问题内容： 我正在构建一个状态栏应用程序，并希望根据用户单击左侧还是右侧来调用不同的操作。这是我到目前为止的内容： 没有调用我的函数，也找不到我们的原因。感谢您的帮助！ 问题答案： 你有没有尝试过： 然后看到该功能中按下了哪个鼠标键？ 所以看起来像… https://github.com/craigfrancis/datetime/blob/master/xcode/DateTime/AppDel
-
问题内容： 我有一些HTML菜单，当用户单击这些菜单的标题时，它们会完整显示。当用户在菜单区域之外单击时，我想隐藏这些元素。 jQuery可能会发生这种情况吗？ 问题答案： 注意：应该避免使用，因为它会破坏DOM中的正常事件流。有关更多信息， propagation/)。考虑使用这种方法，而不是 将单击事件附加到关闭窗口的文档主体。将单独的click事件附加到容器，以停止传播到文档主体。
-
问题内容： 我有一个。 如何在双击事件中做出反应？ 问题答案：
-
问题内容： 我有一个id为“ content- area”的div，当用户在该div之外单击时，我想提醒他们他们在该div之外单击的事实。我将如何使用JavaScript解决此问题？ 问题答案： 用纯Javascript 看看这个小提琴，看看这就是你所追求的！