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

1. 问题来源

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

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

2. 解决方法

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

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

pointer-events: none;

另一种想法:

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

你可能感兴趣的:(解决绝对定位元素挡住下方元素点击的问题)