onfocus = "this.blur();" 문제

Question

// I am trying to apply an "onfocus="this.blur();"" so as to remove the dotted border lines around pics that are being clicked-on 
    // the effect should be applied to all thumb-nail links/a-tags within a div.. 

    // sudo code (where I am): 
    $(".box a").focus( // so as to effect only a tags within divs of class=box | mousedown vs. onfocus vs. *** ?? | javascript/jquery... ??? 
    function() 
    { 
     var num = $(this).attr('id').replace('link_no', ''); 
     alert("Link no. " + num + " was clicked on, but I would like an onfocus=\"this.blur();\" effect to work here instead of the alert..."); 

     // sudo bits of code that I'm after: 
     // $('#link_no' + num).blur(); 
     // $(this).blur(); 
     // $(this).onfocus = function() { this.blur(); }; 


    } 
); 

// the below works for me in firefox and ie also, but I would like it to effect only a tags within my div with class="box" 
    function blurAnchors2() 
      { 
       if (document.getElementsByTagName) { 
        var a = document.getElementsByTagName("a"); 
        for (var i = 0; i < a.length; i++) { 
          a[i].onfocus = function() { this.blur(); }; 
       } 
       } 
      } 

Answer 1

흐리게 처리하지 않는 것이 좋습니다. 모두 포커스 줄을 숨기는 것으로 보이는 경우 다음을 사용하십시오.

a[i].onfocus = function() { this.hideFocus = true; }; 

이것은 모든 IE 버전에서 작동합니다. (표준 모드에서 IE8을 포함한) 다른 브라우저의 포커스를 숨길 수 outline CSS 스타일을 설정할 수 있습니다 설명 :

a { 
    outline: none; 
} 

이 페이지는 초점을 맞출 필요로하는 요소를 흐리게보다 쉬운 더 많은 키보드를 만들 것입니다.

Answer 2

테두리 만 제거하려면 CSS 만 사용하는 것이 좋습니다.

img, a:active{ 
    outline: none; 
} 

또는 JS를 사용해야하는 구체적인 이유가 있습니까?

Answer 3

고마워 - 나는 CSS를 위해 갈 (a:focus) :

그것은 바로 작동하는 것 같군

img, a:focus{ 
    outline: none; 
} 

(탭 이동은 여전히 ​​작동하고 클릭하면 테두리가 사라) 모두 ... 나를 위해 즉 파이어 폭스. 지금은 그것을 사용하는 다른 링크를 개조해야합니다 ...

다시 한번 감사드립니다.