1. 问题来源
自己实现一个单选按钮的时候,发现只能响应一次点击事件,后来知道是这样的原因:
对勾是一个绝对定位的元素,当其显示时,会覆盖在圆圈的上方,这时点击的是对号,而不是圆圈,所以不会触发圆圈的点击事件。
2. 解决方法
朱绝对定位的元素中添加:
让鼠标事件穿透这个绝对定位层,使之能点击到后面的元素,从而触发下方元素的点击事件。
pointer-events: none;
另一种想法:
为对勾也绑定同样的点击事件,但是并不能实现,该原因还不知道。
自己实现一个单选按钮的时候,发现只能响应一次点击事件,后来知道是这样的原因:
对勾是一个绝对定位的元素,当其显示时,会覆盖在圆圈的上方,这时点击的是对号,而不是圆圈,所以不会触发圆圈的点击事件。
朱绝对定位的元素中添加:
让鼠标事件穿透这个绝对定位层,使之能点击到后面的元素,从而触发下方元素的点击事件。
pointer-events: none;
另一种想法:
为对勾也绑定同样的点击事件,但是并不能实现,该原因还不知道。