Web/WEB기본

링크에 대한 blur처리하기(css방식,script방식)

saltdoll 2008. 4. 1. 10:00
반응형
스타일시트를 통한 일괄 적용
A { selector-dummy:expression(this.hideFocus=true); }

FF, 파이어폭스용
A:active, A:focus { outline:0; } 또는
A { -moz-outline-style:none; }

개별적으로 추가
링크마다 onfocus="blur()" 또는 onfocus="this.blur()"

스크립트를 이용한 방법 (1)
function bluring() {
    if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG")
    document.body.focus();
}
document.onfocusin=bluring;

스크립트를 이용한 방법 (2)
function autoBlur() {
    if(event.srcElement.tagName!="BODY") {
        if(typeof(document.body)=='object')document.body.focus();
        document.onfocusin = null;
   }
}
document.onfocusin=autoBlur;
반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)