자바스크립트 onchange 이벤트

1 개요

JavaScript onchange Event

자바스크립트 onchange 이벤트

input text 내용 변경 감지

• jQuery change 이벤트의 JavaScript 판
• 예제: http://zetawiki.com/ex/js/event/onchange.php

2 소스 코드

<input type="text" value="hello" onchange="bgcolor_yellow(this)" />
<input type="text" value="world" onchange="bgcolor_yellow(this)" />

<script>
function bgcolor_yellow(obj) {
  obj.style.backgroundColor = 'yellow';
}
</script>

→ input text의 내용(hello 또는 world)을 바꾸면 배경색이 노란색으로 바뀐다.

3 같이 보기

• 자바스크립트 onclick 이벤트
• jQuery change 이벤트
• input text
• 자바스크립트 이벤트

4 참고 자료

• http://www.w3schools.com/jsref/event_onchange.asp