반응형 EVENT3 [JS] Javascript - Event 종류(form, document/windows events) 자바스크립트에서는 사용하는 이벤트는 일반적으로 4가지로 분류된다. mouse events, keyboard events, form events, document/windows events가 있는데, form events, document/windows events에 대해 알아보자. 이벤트 핸들러 종류이다. Event handler 설명 Form events onFocus 요소가 포커스를 얻었을 때 onBlur 요소가 포커스를 잃었을 때 onChange input 요소의 값이 바뀌었을 때 onSubmit 버튼을 클릭하여 폼 값을 제출할 때 onReset 리셋 버튼 클릭할 때 Document/Window events onLoad 웹페이지 로딩이 완료되었을 때 onUnload 웹페이지를 떠날 때 onresiz.. 2021. 12. 31. [JS] Javascript - Event 종류(mouse, keyboard events) 자바스크립트에서는 사용하는 이벤트는 일반적으로 4가지로 분류된다. mouse events, keyboard events, form events, document/windows events가 있는데, 이번에는 mouse event, keyboard event에 대해 알아보자. 이벤트 핸들러 종류이다. Event handler 설명 mouse events onClick 마우스 버튼을 클릭 onDbclick 마우스 버튼을 더블클릭 onMouseover 마우스 포인터가 요소 위에 올라갔을 때 onMouseout 마우스 포인터가 요소 안에서 요소 밖으로 벗어날 때 keyboard events onKeydown 키보드의 키를 눌렀을때 onKeyup 키보드의 키를 눌렀다 떼는 때 onKeypress 키보드의 키를 눌.. 2021. 12. 30. [JS] Javascript - Event 자바스크립트에서 이벤트(event)란 사용자가 웹페이지와 상호작용을 하는 모든 동작들을 말한다. 체크박스를 선택하고, 클릭하고, 키값 입력하고, 마우스를 움직이고하는 모든 동작들이 이벤트에 해당된다. 이벤트가 발생할때, 자바스크립트에 이벤트 핸들러(event handler, event listener) 는 이벤트를 감지하는 역할을 한다. 지정된 타입의 이벤트가 발생하면, 웹브라우저는 그 요소에 등록된 이벤트 핸들러를 실행시킨다. (e.g. 클릭이벤트 이벤트 핸들러는 onclick, 주로 on으로 시작함) 이벤트 핸들러를 가장 쉽게 사용하는 방법은 html 요소에 시작태그에 바로 추가하는 건데, 예를 들어 onclick 어트리뷰트를 버튼 요소에 추가해보면 1 Click Me cs Click Me 버튼을 클.. 2021. 12. 29. 이전 1 다음 반응형
