一個元素綁定了點擊事件匕坯,然后需要在元素上加一個文字。通過偽元素after實現(xiàn)拔稳,但是添加了之后葛峻,點擊元素可以執(zhí)行,但是點擊after添加的文字沒有執(zhí)行;
通過給after的css添加pointer-events: none 即可
取值:
- auto:
與pointer-events屬性未指定時的表現(xiàn)效果相同巴比。在svg內(nèi)容上與visiblepainted值相同 - none:
元素永遠不會成為鼠標(biāo)事件的target术奖。但是,當(dāng)其后代元素的pointer-events屬性指定其他值時匿辩,鼠標(biāo)事件可以指向后代元素腰耙,在這種情況下,鼠標(biāo)事件將在捕獲或冒泡階觸發(fā)父元素的事件偵聽器铲球。 - 其他值只能應(yīng)用在SVG上