单击css内容属性

Question

以下代码在标头标记之前添加图像.如何在单击标题之前添加图像时添加javascript或jquery代码来处理某些任务.

h1::before 
{
    content: url(smiley.gif);
}

Html代码是:

 <html>
   <body>
     <h1>Hi </h1>
   </body>
 </html>

Answer 1

您不能在伪类元素上附加事件,因为它们不是DOM的一部分,您只能将事件附加到原始元素或父元素.

您可以创建一个包含图像的元素,并将其放置在伪元素定位的相同位置,并将任何事件处理程序附加到它.