링크 클릭 점선 없애기

뭐 그누 팁은 아니지만

그리고 뭐 알만한 분들은 다 알만한 간단한 팁이지만 -0-

이미지 혹은 텍스트 등으로 링크를 걸어서

클릭시 생기는 점선, 전 눈에 거슬려서 무조건 없애고 보자 주의입니다

물론 나름 필요한 경우도 있어보이긴 하나

간단 합니다

링크 관련 구문에

OnFocus="this.blur()" 요거 만 넣어주면 됩니당

해당 페이지의 모든 링크에 대해 적용 시키고 싶으시다면

<script>

function allblur() {
  for (i = 0; i < document.links.length; i++) {
    var obj = document.links[i];
    if(obj.addEventListener) obj.addEventListener("focus", oneblur, false);
    else if(obj.attachEvent) obj.attachEvent("onfocus", oneblur);
  }
}
 
function oneblur(e) {
  var evt = e ? e : window.event;

 

  if(evt.target) evt.target.blur();
  else if(evt.srcElement) evt.srcElement.blur();
}

</script>
<body onLoad="allblur()">

<a href=# >link</a>

|

댓글 5개

style.css에 아래 한줄 추가하면 끝......

a {selector-dummy: expression(this.hideFocus=true);}
감사합니다. 적용~!
blur()는 웹 표준에서 지양하는 것이라서......
웹접근성 차원에서 보면 없어져야 하는것이죠.
blur()를 주게 되면 탭을 이용한 이동이 어렵습니당 ㅎ,ㅎ,

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고