使用jQuery在伪元素上添加点击事件
(2018-10-26 16:46:20)分类: 前端笔记记录 |
在页面上我们无法通过jQuery获取到元素中的伪元素进行事件绑定,所以我们利用pointer-events属性屏蔽元素操作事件,将事件绑定到伪元素上。例:
html:
css:
div{
pointer-events: none;
}
div:after{
pointer-events:auto;
}
js:
$('div').on('click', function () {
console.log(this) //该事件实际绑定元素是after伪元素
})