모바일메뉴

EOND

검색
마이페이지
컨텐츠 관리 시스템(CMS) 웹팁 소프트웨어팁
HTML5/CSS3
글쓰기
-
가
+
[Script] 링크 자동으로 onfocus="blur()" 붙이기 (by 라지엘)
이온디
2004.05.05 14:58
162
https://eond.com/20467
function bluring(){
   if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}

document.onfocusin=bluring;



A 나 IMG 태그에서 포커스를 받으면 body 로 줘버리는 방식으로 blur 효과를 주는건데요a 이 경우 이미지맵은 안먹히더군요a AREA 를 추가해줘도 안돼서 이미지맵에 줄때는 일일이 onFocus 를 줘야하더라구요;;

그래서 아래와 같은 소스를 같이 써준다.
<script language="JavaScript">

function autoBlur(){
if(event.srcElement.tagName!="BODY") {
if(typeof(document.body)=='object')document.body.focus();
document.onfocusin = null;
}
}
document.onfocusin=autoBlur;

</script>
이 소스 역시 onfocus=blur 기능을 가지고 있지만 한 번 마우스로 찍으면 점선이 주위에 남게 된다.
162
0

라이믹스는 이온디와 함께

목록
글쓰기 신고 스크랩

댓글 0

댓글작성칸으로
HTML5/CSS3
전체 웹표준 웹접근성 부트스트랩 반응형 웹 UI HTML5 jQuery Script CSS Meta Table Form 미분류 PHP Flash CGI DIV 웹폰트 크로스브라우징 위지윅에디터 svg 프레임워크 map swiperjs
-
가
+
2 3 4 5 6 7 8 9 10 11
글쓰기
메뉴닫기
profile
로그인 해주세요.
자유게시판 글쓰기 저장함 쪽지
전체글보기 인기글 인기멤버 태그

전체 게시판

닫기

마이페이지

로그인을 해주세요

ID/PW찾기 회원가입