像:after,:before这样的伪元素可以绑定点击事件吗?

铲屎官大人
  • 2.4k

一个搜索框中的:after生成的icon小图标,可以给他绑定一个点击事件吗?

回复
阅读 37.3k
6 个回答

其实是可行的.伪装成就行了

首先你不能再input加before,after. 这样就没办法继续玩了
<div><input/></div>
给div绑定事件就行了

div{pointer-events:none;}
div:after,div:before{pointer-event:auto;}
input{pointer-event:auto;}

不行,因为js无法获取到他们。

他们不是dom,无法响应DOM事件

不行的哟,因为:after :before
不是真正的dom,所以,无法绑定dom事件

不可以,伪元素不是真正的dom元素

伪元素不是真实的dom节点,只是实现了一些特定的效果,无法绑定事件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏