JavaScript "EVENT"

JavaScript

JavaScript "EVENT"

SeongWon 2020. 4. 28. 19:20

Event ?

: 이벤트란, 웹사이트에서 사용자의 행위에의해 발생하는 모든 동작으로, 브라우저에서 화면을 클릭하거나 페이지가 로딩될 때, 화면이 닫힐 때, 화면이 줄거나 늘어날 때 등으로 모든 것이 이벤트라고 할 수 있다.

onclick 예제

<script type="text/javascript">
 
           function hello(){
          
          alert("Hello World");
          }

 
</script>
 
<html>
<body>
                             
<input type="button" onclick="hello()" value="hello" />
                            
</body>
</html>

value가 "hello"인 버튼을 누르면 자바스크립트에 작성된 hello() 함수가 작동하면서 "Hello World"라는 대화상자가 등장하게 되는 것이다.

그 밖의 이벤트 핸들러 종류

이벤트	이벤트 핸들러	설 명
abort	OnAbort	이미지를 읽다가 중단했을 경우
blur	OnBlur	대상에서 포커스가 이동되었을 경우
change	OnChange	대상에 입력되어 있는 값이 바뀌었을 경우
click	OnClick	대상을 클릭했을 경우
dbclick	InDbclick	대상을 더블클릭했을 경우
dragdrop	OnDragDrop	대상을 클릭한 상태에서 이동했을 경우
error	OnError	에러가 발생했을 경우
focus	OnFocus	대상에 포커스가 들어 왔을 경우

Keydown	OnKeyDown	키가 눌러질 경우
keyprss	OnKeyPress	화면에 출력되는 키가 눌러질 경우
keyup	OnKeyUp	키를 눌렀다가 놓았을 경우
load	OnLoad	대상을 열었을 경우
mousedown	OnMouseDown	마우스 단추를 눌렀을 경우
mousemove	OnMouseMove	마우스를 움직였을 경우
mouseout	OnMouseOut	대상에서 마우스 포인터가 벗어났을 경우
mouseover	OnMouseOver	대상에 마우스 포인터가 위치했을 경우
mouseup	OnMouseUp	마우스 포인터를 위치했다가 벗어났을 경우
move	OnMove	윈도우나 프레임을 움직였을 경우
reset	OnReset	대상을 재시작 시켰을 경우
resize	OnResize	윈도우나 프레임의 크기가 변경했을 경우
select	OnSelect	입력 양식의 한 필드를 선택했을 경우
submit	OnSumit	입력 양식을 서버로 보냈을 경우
unload	OnUnload	대상을 종료했을 경우

출처 : https://jdh5202.tistory.com/15

자바스크립트(javascript) 이벤트 핸들러

자바스크립트 이벤트 핸들러(Event Handler)란? 이벤트핸들러는 영어 뜻풀이 그대로 "어떠한 사건에 대한 동작을 다룬다"라는 의미입니다. 웹에서 링크에 마우스를 갖다대면 색이 파랗게 바뀌거나 버튼을 클릭하면..

jdh5202.tistory.com