메뉴 건너뛰기

tnt_lang

html/script 점선없애기

박상현 2004.06.13 13:23 조회 수 : 2379 추천: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 브라우저에서 JavaScript 실행 구퍼 2013.04.11 2043
37 "지금 보고 있는 웹페이지 창을 닫으려고 합니다..." 안나타나게 하기 file 구퍼 2010.07.30 11830
36 경고메세지 없이 부모창 새로고침 하는법 구퍼 2010.01.14 3332
35 div display, visibility 속성구분 구퍼 2009.01.27 2748
34 테이블의 cell을 이동하는 js file 박상현 2003.12.16 2613
33 table의 정렬등의 효과를 줄수 있는 dhtml file 박상현 2003.12.16 2840
32 정보를 다시 보내지 않으면....<익스플로러 MsgBox방지법>- mothod:post 하늘과컴 2007.10.13 4108
31 XMLHTTP설명 박상현 2005.11.11 2665
30 능동적으로 select box의 option값 설정및 삭제 박상현 2005.10.24 4558
29 테이블 소트 박상현 2005.08.18 2100
28 자바스크립트로 한글 , 초성 중성 종성 분리 (음소분리) 박상현 2005.05.19 4993
27 select box관련 함수들(입력, 수정, 삭제, 정렬등) 박상현 2004.09.23 3707
26 select box의 option값 정렬 함수 박상현 2004.09.23 6036
25 셀렉트박스에서 키보드 초성에 해당하는 값 자동select 박상현 2004.08.01 2734
24 주소 감추기 박상현 2004.06.13 2385
23 javascript: event,this는 사용할 수 없습니다 박상현 2004.06.13 2188
» 점선없애기 박상현 2004.06.13 2379
21 <table></table>을 스크롤 시키기 박상현 2004.04.09 2229
20 td및 tr의 위치 알아내기 박상현 2004.01.31 3172
19 자바스크립트 펑션 및 변수 공유 박상현 2004.01.07 2746
위로