[React] React 이벤트 사용하기

 

 

1. onClick

onClick 이벤트는 특정 element 가 클릭됐을 때 정의된 함수를 호출하는 방식으로 사용한다.

 

 

 

2. onChange

onChange 이벤트는 특정 element 에 변화가 생겼을 때 정의된 함수를 호출하는 방식으로 사용한다.

 

 

 

3. mousemove

mousemove 이벤트는 특정 tag 영역 안에서 마우스 커서가 움직일 때 발생한다.

 

 

 

4. onMouseOver

onMouseOver 이벤트는 특정 tag 영역 안에 마우스 커서가 진입할 때 발생한다.

 

 

 

5. onMouseOut

onMouseOut 이벤트는 특정 tag 영역 안에 마우스 커서가 진입했다가 벗어날 때 발생한다.

 

 

 

 

6. onKeyDown, onKeyPress, onKeyUp

onKeyDown 과 onKeyPress 는 키를 눌렀을 때 동작하고 onKeyUp 은 눌렀던 키에서 손을 뗐을 때 동작한다.

 

 

onKeyPress 는 값을 입력하고 키(Enter, Spacebar 등)를 눌러야 이벤트가 정상적으로 발생된다.

 

 

 

 

7. onSubmit

onSubmit 이벤트는 <form> 태그에 사용된다. <form> 태그 안에 있는 type 이 submit 인 <input> 태그를 클릭하거나 <input> 태그에 커서를 놓고 Enter 를 누르면 onSubmit 이벤트가 발생한다.