加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

使用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伪元素
})

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有