解決絕對定位元素?fù)踝∠路皆攸c擊的問題

1. 問題來源

自己實現(xiàn)一個單選按鈕的時候,發(fā)現(xiàn)只能響應(yīng)一次點擊事件,后來知道是這樣的原因:

? 對勾是一個絕對定位的元素,當(dāng)其顯示時,會覆蓋在圓圈的上方,這時點擊的是對號,而不是圓圈,所以不會觸發(fā)圓圈的點擊事件。

2. 解決方法

朱絕對定位的元素中添加:

? 讓鼠標(biāo)事件穿透這個絕對定位層,使之能點擊到后面的元素,從而觸發(fā)下方元素的點擊事件。

pointer-events: none;

另一種想法:

為對勾也綁定同樣的點擊事件,但是并不能實現(xiàn),該原因還不知道。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容