GlobalEventHandlers.onchange

onchange 속성은 change 이벤트의 이벤트 핸들러를 설정하고 반환합니다.

구문

target.onchange = functionRef;

functionRefnull 또는 이벤트 핸들러를 지정하는 JavaScript function 함수 중 하나여야 합니다.

예제

HTML

<input type="text" placeholder="Type something here, then click outside of the field." size="50">
<p id="log"></p>

JavaScript

let input = document.querySelector('input');
let log = document.getElementById('log');

input.onchange = handleChange;

function handleChange(e) {
  log.textContent = `The field's value is
      ${e.target.value.length} character(s) long.`;
}

결과

명세

브라우저 호환성

BCD tables only load in the browser

같이 보기