【css】IE7以前の環境で active イベントが発火した後元に戻らない問題

2023年2月7日

cssでactive イベント時に色を変えたりするコードを書いた場合。
クリック後、そっとフォーカスを外して、手を離すと色が変わったまま元に戻らない問題があります。

jquery で以下のコードを書いたら解決しました。

$("body").click(
function() {
$("body").trigger("focus")
}
);

$("body").click(); を仕込んでおくと、離した瞬間イベントが発火するようなので、 bodyにフォーカスをずらせてactiveを外すという仕組みです

ただ、これだと、TEXT等の入力もできなくなるのでちょっと工夫が必要ですね･ω･