在页面上我们无法通过jQuery获取到元素中的伪元素进行事件绑定,所以我们利用pointer-events属性屏蔽元素操作事件,将事件绑定到伪元素上。例:
在css中设置:
div{
pointer-events: none;
}
div:after{
pointer-events:auto;
}
js:
$('div').on('click', function () {
console.log(this) //该事件实际绑定元素是after伪元素
})
在页面上我们无法通过jQuery获取到元素中的伪元素进行事件绑定,所以我们利用pointer-events属性屏蔽元素操作事件,将事件绑定到伪元素上。例:
在css中设置:
div{
pointer-events: none;
}
div:after{
pointer-events:auto;
}
js:
$('div').on('click', function () {
console.log(this) //该事件实际绑定元素是after伪元素
})