是否可以判断用户是否与伪元素进行交互？

Question

我需要知道用户何时与元素本身或其伪元素进行交互。
我尝试了一些东西，但无济于事。甚至有可能吗？

此处的实验沙箱：https://codesandbox.io/s/fervent-panini-5db01?file=/src/index.js

document.querySelectorAll('div.s').forEach(el => el.addEventListener('click', function(ev) {
  const {offsetX, offsetY} = ev
  const isOff = offsetX < 0 && offsetY < 0
  console.log(isOff, ev.target, {ev})
}))

不幸的是，如果伪元素位于其元素内，则此方法将无效。