HTML‎ > ‎

이벤트 속성

특정 이벤트가 발생하였을 때 클라이언트 측의 스크립트가 작동하도록 속성 형식으로 지정합니다.
이벤트 속성을 사용하기 위해서는 문서에 기본적인 스크립트 언어를 지정(Content-Script-Type HTTP 헤더를 설정)해야 한다고 합니다. 이를 위해서는 문서의 <head> 안의 <meta> 요소를 사용합니다. 자바스크립트를 사용할 때 알맞은 태그는 아래와 같습니다.
<meta http-equiv="Content-Script-Type" content="text/javascript" />


이벤트 속성

<base>, <bdo>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title> 요소는 제외됩니다.
  • onclick
사용자가 요소 위에 클릭했을 때
  • ondblclick
사용자가 요소 위에 더블클릭했을 때
  • onmousedown
사용자가 요소 위에 마우스 포인터를 대고 마우스 버튼을 눌렀을 때
  • onmouseup
사용자가 눌렀던 마우스 버튼을 놓았을 때
  • onmouseover
마우스 포인터가 요소 위에 있을 때
  • onmousemove
마우스 포인터가 요소 위에서 움직일 때
  • onmouseout
마우스 포인터가 요소 위에 있다가 벗어났을 때
  • onkeypress
요소가 포커스를 받고 있는 동안, 사용자가 키보드 키를 눌렀다가 놓았을 때
  • onkeydown
요소가 포커스를 받고 있는 동안, 사용자가 키보드 키를 눌렀을 때
  • onkeyup
요소가 포커스를 받고 있는 동안, 사용자가 눌렀던 키보드 버튼을 놓았을 때

폼(Form) 이벤트

이 이벤트는 폼과 폼 컨트롤(<form>, <button>, <input>, <label>, <select>, <textarea>)에만 사용할 수 있습니다. 그렇다고 모든 폼 이벤트가 모든 폼 요소에 사용되는 것은 아닙니다.
  • onfocus
콘트롤이 포커스를 받을 때
  • onblur
콘트롤이 포커스를 잃었을 때
  • onchange
콘트롤이 포커스를 받은 이후에 포커스를 잃고 값이 변경되었을 때
  • onselect
편집가능한 텍스트 창의 텍스트가 선택되었을 때
  • onsubmit
폼을 서미트(submit)했을 때
  • onreset
폼이 리셋(reset)되었을 때

윈도우 이벤트

이 이벤트는 <body> 와 <frameset> 요소에만 사용할 수 있습니다.
  • onload
문서나 프레임셋(frameset)이 로딩되었을 때
  • onunload
문서나 프레임셋(frameset)이 닫혔을 때
Comments