解决绝对定位元素挡住下方元素点击的问题

1. 问题来源

自己实现一个单选按钮的时候,发现只能响应一次点击事件,后来知道是这样的原因:

​ 对勾是一个绝对定位的元素,当其显示时,会覆盖在圆圈的上方,这时点击的是对号,而不是圆圈,所以不会触发圆圈的点击事件。

2. 解决方法

朱绝对定位的元素中添加:

​ 让鼠标事件穿透这个绝对定位层,使之能点击到后面的元素,从而触发下方元素的点击事件。

pointer-events: none;

另一种想法:

为对勾也绑定同样的点击事件,但是并不能实现,该原因还不知道。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。