Javascript 如何将div放在textarea下并能够处理其上的事件？

我想制作一些类似语法的东西，就像这样：

文本位于textarea中，下面有一个用于突出显示的div，当我单击红线时，会出现校正卡，但是当div的z索引小于textarea的1时，我会丢失上面的事件

---

我如何实现这样的事情呢？

如果元素A的

z-index

比元素B低，但是元素B应用了以下内容（在初始样式表中或以后动态应用）：

然后，任何单击元素B的用户实际上都将单击元素A

基本上，单击会直接穿过无法获取指针事件的元素，而是击中下面的元素

---

进一步阅读：

---

谢谢您的回答，但这样我就无法收听element B click事件以显示更正列表：\n如果您检查语法chrome extension，我将不胜感激。是的，这就是我建议动态添加样式的原因。当页面第一次下载元素B时，它将接收指针事件，但当它显示更正列表时，它不会。

element-b {
pointer-events: none;
}