div 事件透传

有些时候,我们会想要把一个 div 层覆盖在另一个 div 层上,要让下层的 div 响应鼠标事件而上层的不响应仅仅只做内容展示。

这种时候,我们就可以用到一个 CSS 属性:pointer-events,将其设置为 none 即可。

这个属性很少用到,却非常实用。省去了 js 里判断 event.target 的各种麻烦,节省了大量的时间。

这个属性取值如下:

pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit

详细的说明在 MDN 上有:点击这里

可惜 IE 只从 IE9 开始支持,所以各位斟酌吧。

你可能感兴趣的:(div)