*:-o-prefocus{ background-color:red; }
赤くならない
button と input type="button" って違いがあったんだ。input type="radio" と input type="checkbox" も赤くならない。
input="password" と select も赤くなった。
a 要素以外は、:-o-prefocus の替わりに :focus とすると赤くなるグループとそうでないグループが逆転する。
こんなんでいいのかな?
Opera 9.x の場合。
<a href="#"><img alt="hoge" id="hoge" src="http://s.hatena.ne.jp/images/star.gif" /></a>
こんなふうに中身が img しか無いアンカーで空間ナビゲーションをすると、当然リンクにフォーカスが当たるときに1回止まる。
で、その img にイベントリスナーとかが付いてたりすると、
<span onclick="void 0" id="fuga">span</span>
<script>
document.getElementById('hoge').addEventListener('mouseover',function(){document.getElementById('fuga').textContent='hoge'},false);
document.getElementById('hoge').addEventListener('mouseout',function(){document.getElementById('fuga').textContent='fuga'},false);
</script>
「リンクをクリックできる状態」になるのに1回、「イベントリスナーを発動させる」ためにもう1回、空間ナビゲーションが止まる。
Opera 10だとこの場合は空間ナビゲーションは1回だけしか止まらずに、両方いっぺんにやってくれる。
わかりやすい例は「はてなスター」↑