메뉴 건너뛰기

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