javascript - js如何实现样式不透明，事件透明

问题描述

问 题

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

解决方案

pointer-events:none

这篇关于javascript - js如何实现样式不透明，事件透明的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！