gpt4 book ai didi

javascript - 如何在文本区域下放置一个 div 并能够处理其上的事件?

转载 作者:太空宇宙 更新时间:2023-11-04 06:11:45 24 4
gpt4 key购买 nike

我想制作类似 Grammarly 的东西,完全像这样: enter image description here

文本在textarea中,下面有一个高亮div,当我点击红线时,出现了校正卡,但是div的z-index小于textarea的,我失去了上面的事件!

我怎样才能实现这样的事情?

最佳答案

如果元素 Az-index 低于(即低于)元素 B 但是 元素 B 应用了以下内容(在初始样式表中或之后动态应用):

element-b {
pointer-events: none;
}

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

本质上,点击直接穿过不能接受指针事件的元素,而是点击下面的元素。


进一步阅读:

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

关于javascript - 如何在文本区域下放置一个 div 并能够处理其上的事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56357505/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com