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;
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;
반응형