Blur 썸네일형 리스트형 [자바스크립트] 'blur', 이미지 클릭시 테두리를 없애자! blur() ▶▷ 알아두면 좋은 것들 window-focus 관련글1. [자바스크립트] 'focus', 엔터 누르고 이동하자! 이미지를 클릭하고 나면 왜 다음과 같이 점선 테두리가 생겨나게 되잖아요? 간혹, 이런 것들을 제거하고 싶을 때가 있습니다. 이 점선은 포커스(focus)가 이미지에 생겼을때 생기는 것으로, focus를 없애줌으로써 가능합니다. 자세한 설명은 관련글 1번으로 미룰게요 ^^ 그럼 예제를 통해서 어떻게 없애는지 확인해 봅시다. 소스(Source) 1. 소스설명 1. onfocus 이벤트 핸들러 - onfocus 이벤트 핸들러 입니다. 이는 포커스가 지금 해당 이미지에 해당할 때, 정확히 말하면 태그죠? 포커스가 위치할때 blur() 함수를 호출하는 겁니다. 이렇게 되면 포커스를 얻자마.. 더보기 [자바스크립트] 'focus', 엔터 누르고 이동하자! focus & blur 다들 당연하게 생각하셨는지 모르겠지만, 왜 그런거 있잖아요? 포털 사이트 네이버나 다음에 접속하면, 검색창에 커서가 깜박깜박여서 바로 입력을 할 수 있다던가, 기타 로그인시에 ID 입력 부분에 커서가 자동으로 위치하게 되는 경우 말이죠. 네 그렇습니다. 역시 그것또한 메소드를 통해서 구현이 된 것인데요. 이번에 소개시켜드릴 focus()와 blur()가 그 주인공입니다. 다음과 같은 기능을 지닙니다. focus() - 해당 요소에 포커스를 부여하여 1. 텍스트 창의 경우, 커서를 위치시켜 바로 입력이 가능합니다. 2. 버튼의 경우, 엔터 키를 눌렀을때 클릭 효과를 냅니다. blur() - focus와 반대의 기능을 하는 것으로 1. 창의 경우, 최소화 시켜 버립니다. 우선 대표적인.. 더보기 이전 1 다음
