<a href=”アドレス” onfocus=”this.blur()”>リンク</a>
を使えばリンクをクリックしたときの点線を消す事ができますが、ページ内のリンク全てにonFocus=”this.blur()” を追加するのは流石に面倒ですよね。そこで今回はjavascriptでフォーカスを制御する方法をご紹介いたします。ただ、このonFocus=”this.blur()” を使ってしまうとタブでの移動ができなくなりますのでご注意下さい。

window.onload=function(){
a=document.getElementsByTagName(“a”);
for(i=0;i<a.length;i++){
a[i].onfocus=function(){this.blur();}
}
area=document.getElementsByTagName(“area”);
for(i=0;i<area.length;i++){
area[i].onfocus=function(){this.blur();}
}
}

上記のソースを外部.jsファイルなどに付け足せばOKですが、動作はIE6、IE7、IE8、でしか確認しておりません。FireFoxはCSSにa {outline:none}を追加すると点線がなくなります。このソースはユナイテッドジュエリー本店で使用しております。

記事：清原一馬