JavaScript input & change 이벤트

1. input 이벤트

• <input>태그에서 발생하는 이벤트들이 있는데 이것들은 input 이벤트와 change 이벤트라고 부르며 <input> 안에 뭔가 입력할 때 발생함

예시)

document.getElementById('email').addEventListener('input', function() {
  console.log('안녕');
});

• <input>에 입력된 값이 변경될 때 input 이벤트가 발생함
• <input>에 뭐 입력할 때마다 콘솔창에 안녕이 출력 됨

---

2. change 이벤트

예시)

document.getElementById('email').addEventListener('change', function() {
  console.log('안녕');
});

• input 이벤트는 <input> 안에 입력된 값이 변경될때마다 안녕이 출력 됬지만, change 이벤트는 <input>안에 값이 변경되고 커서를 다른 곳에 찍으면 발생함.
• 그러므로 <input> 값이 변경되었을 때 뭔가 코드를 실행하고 싶으면 input, change 이벤트리스너를 이용하면 됨.