afterやbeforeなどの擬似要素にクリックイベントを発生させたいのですが調べてみたところ「仮想要素なのでJSで取得できない」とのことでした。
htmlを変更するとボリュームが多いので今のまま擬似要素にクリックイベントを付けれると理想的なのですが、何か良い方法はありますでしょうか？
とりあえず、擬似要素にクリックイベントをつけるのは無理です。そこで、CSSの擬似要素を使う代わりに、ページロード時とかにJSでHTMLをスキャンして、要素を生成するのはどうでしょうか。それならクリックイベントを使うことができます。
やっぱり難しいんですね〜appendなどを使用して要素を生成する方法で試してみます。ありがとうございます！
これどうぞ
クリックイベントで疑似要素にアクセスするんじゃなくて、疑似要素をクリックしたときにクリックイベント起こす方法を聞いてるんでしょ。
みんなの回答 2 件
とりあえず、擬似要素にクリックイベントをつけるのは無理です。
そこで、CSSの擬似要素を使う代わりに、ページロード時とかにJSでHTMLをスキャンして、要素を生成するのはどうでしょうか。それならクリックイベントを使うことができます。
これどうぞ
— jsで:before :after疑似要素にアクセスする
http://blog.geta6.net/post/30013618682/js%E3%81%A7before-after%E7%96%91%E4%BC%BC%E8%A6%81%E7%B4%A0%E3%81%AB%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%81%99%E3%82%8B関連するトピックス