본문 바로가기

체르니 놀이터 보기603

7.1.4 폼(Form)과 관련된 이벤트 핸들러 속성 7.1.4 폼(Form)과 관련된 이벤트 핸들러 속성 폼(form)과 관련된 이벤트는 하나의 form 요소 안에 동작에 의해서 이벤트가 발생하는것과 관련되며 특별한 경우를 제외하고 거의 모든 HTML 요소들에 적용되며 이와 관련한 이벤트 핸들러를 요약하면 다음과 같습니다. 이벤트 핸들러 속성 설명 onblur 요소가 초점(focus)을 잃었을 때 발생하는 blur 이벤트 처리 onfocus 요소가 초점(focus)을 받았을 때 발생하는 focus 이벤트 처리 oncontextmenu 마우스 오른쪽 버튼을 클릭하면 발생하는 contextmenu 이벤트 처리 onchange 요소에 어떤 변화가 발생했을 때 발생하는 onchange 이벤트 처리 onselect input 요소나 textarea 요소의 텍스트(.. 2013. 8. 6.
7.1.3 키보드(Keyboard)와 관련된 이벤트 핸들러 속성 7.1.3 키보드(Keyboard)와 관련된 이벤트 핸들러 속성 웹환경에서 요사이 스마트폰이 대두되면서 새롭게 조명되고 있는 터치스크린을 통한 입력을 제외하고 마우스와 더불어 입력장치로 주로 사용하는 키보드와 관련된 이벤트와 해당 이벤트가 발생하면 처리해주는 이벤트 핸들러 속성을 정리하면 다음과 같습니다. 이벤트 핸들러 속성 설명 onkeydown 키보드의 자판키가 눌려졌을 때 발생하는 keydown 이벤트 처리 onkeypress 키보드의 자판키가 눌려지고 올라올 때 발생하는 keypress 이벤트 처리 onkeyup 눌려진 자판키가 올라올 때 발생하는 keyup 이벤트 처리 그래서 이벤트의 발생 순서는 keydown -> keypress -> keyup 의 순으로 발생하며 상황에 따라 keydown,.. 2013. 8. 6.
7.1.2 마우스(Mouse)와 관련된 이벤트 핸들러 속성 7.1.2 마우스(Mouse)와 관련된 이벤트 핸들러 속성 웹 환경에서 가장 많이 사용하는 입력장치 중에 하나인 마우스(mouse)와 관련된 이벤트들 중에 주요 이벤트와 이와 관련된 이벤트 핸들러 속성을 정리하면 다음과 같습니다. 이벤트 핸들러 속성 설명 onclick 마우스를 클릭하면 발생하는 click 이벤트 처리 ondblclick 마우스를 더블 클릭하면 발생하는 click 이벤트 처리 onmousedown 마우스의 버튼이 눌려질 때 발생하는 mousedown 이벤트 처리 onmousemove 마우스의 포인터가 움직일 때 발생하는 mousemove 이벤트 처리 onmouseout 마우스 포인터가 요소 밖으로 벗어났을 때 발생하는 mouseout 이벤트 처리 onmouseover 마우스 포인터가 요소.. 2013. 8. 6.
7.1.1 window와 관련된 이벤트 핸들러 속성 7.1.1 window와 관련된 이벤트 핸들러 속성 window와 관련된 이벤트는 사용자가 웹브라우저 전체에 영향을 줄 때 발생하는 이벤트로 가장 일반적으로 사용되는 이벤트로는 특정 웹페이지를 브라우저를 통해 열 경우로 대표적으로 IE, Firefox 같은 웹 브라우저를 이용하여 다음(daum)이나 네이버(naver) 포탈 사이트를 열 경우 발생하는 load 이벤트와 닫을 때 발생하는 unload 이벤트를 들 수 있습니다. 주요 이벤트와 관련된 이벤트 핸들러 속성을 정리하면 다음과 같습니다. 이벤트 핸들러 속성 설명 onload 페이지 로딩(Loading)이 끝나면 발생하는 load 이벤트 처리 onunload 페이지가 닫히거나 다시 세팅될 때 발생하는 unload 이벤트 처리 onresize windo.. 2013. 8. 6.