"자바스크립트 onchange 이벤트"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:51 기준 최신판

1 개요[ | ]

JavaScript onchange Event
자바스크립트 onchange 이벤트
input text 내용 변경 감지

jQuery change 이벤트의 JavaScript 판

<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)을 바꾸면 배경색이 노란색으로 바뀐다.

2 같이 보기[ | ]

3 참고[ | ]

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

@@ 5번째 줄: / 5번째 줄: @@
 *[[jQuery change 이벤트]]의 JavaScript 판
-<source lang='html'>
+<syntaxhighlight lang='html'>
 <input type="text" value="hello" onchange="bgcolor_yellow(this)" />
 <input type="text" value="world" onchange="bgcolor_yellow(this)" />
@@ 14번째 줄: / 14번째 줄: @@
 }
 </script>
-</source>
+</syntaxhighlight>
 <jsfiddle>sLjot45r</jsfiddle>
 :→ input text의 내용(hello 또는 world)을 바꾸면 배경색이 노란색으로 바뀐다.
@@ 24번째 줄: / 24번째 줄: @@
 *[[자바스크립트 이벤트]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/jsref/event_onchange.asp
 [[분류: JavaScript]]