메뉴 건너뛰기

tnt_lang

html/script 점선없애기

박상현 2004.06.13 13:23 조회 수 : 1973 추천:37

익스플로러에서는 this.blur()나 hidefocus를 이용합니다.

   <a href="javascript:void(0)" onclick="this.blur()"> 점선없음 </a>
   <a href="javascript:void(0)" hidefocus="true"> 점선없음 </a>

스크립트를 작성할때는 hidefocus가 유용합니다.

이전 링크의 onblur 핸들러에 등록된 명령어나 함수가 덮어쓰여질 위험이 없기 때문입니다.

   <div id="dotNo">
         <a href="javascript:void(0)">링크</a> <a href="javascript:void(0)">링크</a>
    </div>
   <script>
      var objArea = document.getElementById('dotNo');
      var objLinks = objArea.getElementsByTagName('a');

      for(var i=0; i<objLinks.length; i++)
      {
          objLinks.item(i).hideFocus = function(){return true;}; // hideFocus대소문자 주의!!
      }
  
      /*
       objLinks.item(i).onblur = function(){return false;}; 는 기존의 링크 onblur에 등록된
       명령어와 함수를 덮어쓰므로 추천하지 않습니다.
      */
   </script>

넷스케이프에서는 hidefocus는 지원되지 않으며 blur()는 폼요소에만 적용되는 것
같읍니다.

따라서 보이지 않는 폼요소 hidden을 이용하여 포커스를 이동시킵니다.
익스플로러에는 보이지 않는 폼요소에 포커스를 줄 경우 런타임에러를
발생시킴으로 사용할 수 없읍니다.

<!-- 넷스케이프 전용-->
<div id="noDot">
  <a href="javascript:void(0)"> 점선없음</a>
  <a href="javascript:void(0)"> 점선없음</a>
</div>

<input type="hidden" id="elm" /> <!-- 보이지 않는 요소 -->
<script>
   var objArea = document.getElementById('noDot');
       objArea.onclick = function(){document.getElementById('elm').focus();}

</script>
번호 제목 글쓴이 날짜 조회 수
38 orion와 eclipse을 이용하여 EJB개발시 참고(내부개발용) 박상현 2004.06.22 2442
37 주소 감추기 박상현 2004.06.13 1955
36 javascript: event,this는 사용할 수 없습니다 박상현 2004.06.13 1765
» 점선없애기 박상현 2004.06.13 1973
34 <table></table>을 스크롤 시키기 박상현 2004.04.09 1758
33 td및 tr의 위치 알아내기 박상현 2004.01.31 2751
32 자바스크립트 펑션 및 변수 공유 박상현 2004.01.07 2337
31 스크롤바를 따라다니는 메뉴판 박상현 2003.12.04 1575
30 스크롤바를 따라다니는 이미지 박상현 2003.12.04 1684
29 이벤트 종류알기 및 좌표 읽기 박상현 2003.12.03 1989
28 문서크기에 맞게 아이프레임폭 자동으로 조정하기 박상현 2003.11.17 1928
27 목록에서 선택된 라인에만 색칠하고 다른것은 이전색으로 변경하기 박상현 2003.11.13 1705
26 목록에서 다중 선택된 항목을 표시(특정색상)하고 체크박스를 선택해주는 스크립트 박상현 2003.11.07 2837
25 여러가지의 색으로 롤오버 효과및 항목을 선택시 선택된 색을 고정시키는 예제 박상현 2003.11.07 2212
24 쇼핑몰에 포함될 기능(참고) 박상현 2003.11.06 1624
23 한글처리 방법/절차 이해 박상현 2003.10.20 1930
22 event.keyCode의 숫자표 박상현 2003.10.20 1863
21 jsp페이지에서 popup창의 depth에 따른 메인 복귀 방법 달리하기... 박상현 2003.10.14 3496
20 배포하기(Cab 파일 작성법) 박상현 2003.10.13 2580
19 정수값을 3자리수마다 컴마를 찍기 박상현 2003.10.13 2177
위로