onfocus="this.blur()" 한번에 넣기

onfocus="this.blur()" 한번에 넣기



*** 이번에 다룰 내용은 링크 클릭시 점선이 생기던 모습을 onfocus="this.blur()" 라는 형식으로 일일이 다 넣어주던 내용을 스크립트를 이용해서 한페이지에 전체적으로 안보이게 하는 기능입니다.
onfocus="this.blur()" 란 내용은 링크된 파일이 100 개가 있다면 일일이 다 넣어주었던 번거로움이 있었습니다.
그런데 이번에 다룰 내용은 한번만 선언을 하시면 현재 스크립트가 들어간 페이지에선 모조리 이 속성을 따른다는 장점이 있답니다.
이 내용은 "김형희- hhkim@indigo.co.kr"님께서 제공하신 글을 약간 가공한 내용입니다.
그럼 슬슬 시작해 볼까요.

첫번째 삽입//
<HEAD> 부분에 아래의 스크립트를 넣어줍니다.
<script language="javascript">
<!--
    function allblur() {
         for (i = 0; i < document.links.length; i++)
              document.links[i].onfocus = document.links[i].blur;
    }
//-->
</script>

두번째 삽입//
<BODY> 구문에 이벤트를 발생합니다.
<body onLoad="allblur()">

그림을 보시면 어느부분에 넣어야하는지 대충 감을 잡으실 겁니다.


TAGS.

Comments