a：ie6の積極的な問題

Question

ie6でリンクのクラス/状態を通常に戻すことについて質問があります。私は：アクティブを使用して、ユーザーがクリックしたときにスパンの背景を変更します。リンクのターゲットはjavascript：void（0）に設定されているので、リンクをクリックするだけでJS関数が呼び出されます。 しかし、ユーザーがマウスボタンを離すと、リンクのa：activeステートが削除され、バックグラウンドはnormalに戻されますが、ie6ではバックグラウンドは元の状態に戻ります。それは私が設定した落ち込んだ背景をアクティブに保ちます。

これを修正する方法についてご意見はありますか？

Answer 1

IE6では、「アクティブ」は「フォーカス」に類似していることがあります。 DOMオブジェクトは、別の要素がフォーカスを受け取るか、またはぼやけてしまうまで「アクティブ」のままです。あなたがblur()を呼び出すリンクにはJavaScript onMouseUpのイベントを追加した場合ときにユーザーのマウスボタンのリリース、それがアクティブな状態を解除する必要があります

<a href="whatever">Link!</a> 
... 
</body> 
<script type="text/javascript"> 

    function handleMouseup() { 
     window.event.srcElement.blur(); 
    } 

    if(ie6) { 
     var links = document.getElementsByTagName('a'); 
     for(var i=0;i<links.length;i++) { 
      links[i].onmouseup = handleMouseup; 
     } 
    } 
</script> 

これは、あなたが望む任意のHREF（ジャバスクリプトを使用できることを確認します：無効（0を）、＃、何でも）

Answer 2

IE6でhref = "＃"を使用すると、同じ問題が発生しました。ほとんどのリンクでjavascript：void（0）を使用してIE7とFFで正常に動作します。 javascript：void（0）for＃を置き換えるブラウザが動作しています。