js教程

:after,:before伪元素可以绑定JS点击事件吗?

我的站长站 2023-09-16 人阅读

我们在前端开发中常常会用到CSS :after,:before伪元素在结尾或开头生成一个icon图标按钮,这样写很方便,不用在找图片,如:

a:before{
content:'\260E';
display:block;
width:10px;
height:10px;
}

不能绑定JS点击事件

但是在JS中我们可以给这个生成的icon图标按钮绑定一个点击事件吗?

答案是不行,因为因为:after和:before不是真正的dom,无法响应DOM事件,js无法获取到他们,所以,无法绑定dom事件。

解决方法

如果需要:after 和:before伪元素绑定点击事件,可以用一个dom标签包含,把事件绑定给dom元素,如:

<div><a></a></div>



最新更新
  • js截取字符串教程

    slice()方法接受两个参数,起始索引和结束索引(可选)。它返回从起始索引到结束索引(不包括结束索引)之间的子字符...

    js教程 3个月前
  • find findIndex indexOf索引选择器使用方法

    find使用方法find方法是ES6引入的一种数组方法,可以用来查找数组中符合条件的元素。语法是:array.find(callba...

    js教程 3个月前
  • js复制网页内容教程

    Async Clipboard API方法HTML5新增的方法,无需引入第三方插件,直接就可以复制内容。低版本的浏览器可能会不兼...

    js教程 3个月前
  • js获取字符长度函数分享

    js获取字符长度函数function objLen(str) { if (str == null) return 0; if (typeof str != "string") { ...

    js教程 3个月前
  • 网站LED跑马灯效果广告代码

    网站可以看到很多的论坛网站都会用到这种网站LED跑马灯效果,这种效果实现也很简单,分享给大家。LED跑马灯效果...

    js教程 4个月前