js如何实现样式不透明,事件透明

游龙翔隼
  • 1.3k

clipboard.png

视觉上图,结构aa包含ab ac两个div,ac遮挡住ab中的input,如下图。
请问如何用js实现ac只呈现样式,ab才是事件的主题,就让事件不触发在ac上面而是透过ac触发在ab上面,
不是单纯的事件委托,因为事件委托会需要绑定具体的事件,而我的目的是ac只是样式,并且遮挡住ab中的的内容。例如两图实际情况下,input已被ac覆盖,单击该区域时候无法进入到ab中的input,我需要实现能够进入并且正常编辑内容,但是视觉ac将其覆盖。
如有未描述清楚的地方请指出。
clipboard.png

回复
阅读 2k
2 个回答
✓ 已被采纳
pointer-events:none

应该是一个xy问题,补充你本来的目的
我好像感觉你是想做input美化?

你知道吗?

宣传栏