이벤트: change, input, cut, copy paste

change

요소 변경이 끝나면 발생한다.

텍스트 입력 요소(<input type=”text”>)인 경우에는 포커스를 잃을 때 발생한다. (단순히 변경한다고 이벤트 발생하지 않음)

select와 input type=checkbox,input type=radio는 선택 값이 변경되면 발생

input

<input type="text" id="input"> oninput: <span id="result"></span>
<script>
  input.oninput = function() {
    result.innerHTML = input.value;
  };
</script>

값을 수정할 때마다 발생한다.

단순 커서 위치만 옮기는 키보드 조작은 반응하지 않는다.

+) 기본 동작을 막을 수 없다. 수정 즉시 이벤트가 발생하기 때문

cut, copy, paste

• 값을 잘라내기·복사하기·붙여넣기 할 때 발생
• ClipboardEvent 클래스의 하위 클래스이다.
  • 복사, 붙여넣기 한 데이터에 접근할 수 있도록 해줌
• event.preventDefault()를 사용해 기본 동작을 막을 수 있다. 복사,붙여넣기를 막는다.

submit 이벤트와 메서드

submit 이벤트

폼 전송 방법은 아래의 두 방법이다.