Frontend/JavaScript

[Javascript] 이벤트: change, input, cut, copy, paste

joy_95 2022. 1. 18. 17:03

 이벤트 : change

✔️ 요소 변경이 끝났을 때 발생

//텍스트 필드에 글자를 입력하는 동안엔 이벤트가 발생하지 않고, 포커스를 다른 곳으로 옮기는 순간 발생.
<input type="text" onchange="alert(this.value)">

 

이벤트 : input

✔️ 사용자가 값을 수정할 때마다 발생

<input type="text" id="input"> oninput : <span id="result"></span>

<script>
    input.oninput = function(){
        result.innerHTML = input.value;
    }
</script

//값이 변하는게 실시간으로 나타남.

 

이벤트 : cut, copy, paste

✔️ 잘라내기, 복사하기, 붙여넣기 할 때 발생

 

 

Reference