Hatena::Grouporera

もし高校野球の女子マネージャーがOpera Browserを使ったら

logo
 | 

2009-03-22

:-o-prefocus

06:44

*:-o-prefocus{
  background-color:red;
}

f:id:edvakf:20090322061257p:image

赤くならない

f:id:edvakf:20090322061321p:image

f:id:edvakf:20090322061428p:image

button と input type="button" って違いがあったんだ。input type="radio" と input type="checkbox" も赤くならない。

f:id:edvakf:20090322063542p:image

f:id:edvakf:20090322063146p:image

input="password" と select も赤くなった。


a 要素以外は、:-o-prefocus の替わりに :focus とすると赤くなるグループとそうでないグループが逆転する。

こんなんでいいのかな?


Opera 10で地味に嬉しいこと

07:26

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回だけしか止まらずに、両方いっぺんにやってくれる。

わかりやすい例は「はてなスター」↑

トラックバック - http://orera.g.hatena.ne.jp/edvakf/20090322
 |