リンクを削除してクリックするときの破線ボックスのいくつかの方法

通常、この破線ボックスは、ユーザに現在注目していることを明確にするヒントとして使用されるが、リンクの4つの状態スタイルを比較的完全に設定すれば、ページの美しさに影響を与える可能性が高いため、特に破線ボックスの存在は必要ない.特にアプリケーションシステムのインタフェースをするとき、いつもホームページを閲覧する感じがして、専門的ではありません.
 
もちろん,リンク破線枠を全面的に否定すると,キーボードを用いたユーザ体験に大きな弊害が生じるかもしれないが,これは別の話題である.
 
リンクを削除してクリックするときの破線ボックスの方法をいくつか紹介します.
 
方法1:javascriptのonfocusイベントを利用して、以下のように実現する.
 
   

<a href="#" onfocus="this.blur();">  </a>

 
jQueryフレームワークが導入された場合、そのイベントバインドメカニズムを利用できます.
 

$('a').bind('focus', function(){ 
    if(this.blur){ //     this.blur 
        this.blur(); 
    } 
});

 
方法2:cssスタイルを利用して、以下のように実現する.
   

a{
    blr: expression(this.onFocus=this.close());
} /*    IE，        */
a{
    blr: expression(this.onFocus=this.blur());
} /*    IE，        */
a:focus { 
    -moz-outline-style: none; 
} /* IE    */
:focus { 
    outline: none; 
} /* for Firefox */ 

 
方法3:ラベルの属性を利用して、IEだけを支持して、以下のように実現する:
 
   

<a href="#" hidefocus="true">  </a>

 
方法四:Web行動を利用する
   
IEは5.5バージョンからWeb動作の概念をサポートしている.これらの動作は接尾辞名である.htcのスクリプトファイルは、HTMLページの任意の要素に適用できるメソッドとプロパティのセットを定義しています.Webの動作は、プログラマが既存の要素やコントロールにカスタム機能を「接続」できるようにするため、ActiveXコントロールなどのバイナリファイルをダウンロードしてこの機能を完了させる必要はありません.Web動作は、IEオブジェクトモデルおよびコントロールセットを拡張するために推奨される方法である.マイクロソフトは、開発者サイトのDHTML動作ライブラリの欄で、WebService動作というカスタマイズされたWeb動作をいくつか提供しています.
 
コードを保存すると言います.htc接尾辞のファイル
 
   

<public:attach event="onfocus" onevent="quit()" /> 
<script language="javascript"> 
    function quit(){ 
        this.blur(); 
    } 
</script>

 
次に、ハイパーチェーンの虚枠を除去する必要があるページのとの間に次のように加えます.
 
   

<style type="text/css"> 
    a {behavior:url("htc  ")} 
</style>

    
ページにstyleラベルが付いている場合は、a{behavior:url(「htcファイル」)の一言を挿入するだけです.