김

링크 클릭 점선 없애기

· 2009-09-14 (월) 17:46:30 · 4924 · 5
뭐 그누 팁은 아니지만

그리고 뭐 알만한 분들은 다 알만한 간단한 팁이지만 -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);}
2009-09-25 (금) 11:26:12
감사합니다. 적용~!
2009-09-16 (수) 04:07:48
blur()는 웹 표준에서 지양하는 것이라서......
웹접근성 차원에서 보면 없어져야 하는것이죠.
blur()를 주게 되면 탭을 이용한 이동이 어렵습니당 ㅎ,ㅎ,
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
09-09-14 조회 4,925
09-09-12 조회 4,268
09-09-11 조회 4,199
09-09-09 조회 7,898
09-09-07 조회 4,656
09-09-07 조회 3,892
09-09-07 조회 5,587
09-09-06 조회 3,483
09-09-05 조회 3,386
09-09-04 조회 3,529
09-09-04 조회 2,872
09-09-04 조회 3,173
09-09-04 조회 3,272
09-09-03 조회 9,292
09-09-03 조회 3,846
09-09-02 조회 3,723
09-09-02 조회 4,022
09-09-01 조회 5,602
09-08-31 조회 4,490
09-08-30 조회 3,269