[JavaScript] 자바스크립트(JavaScript) onChange 이벤트 사용 방법

 

HTML에서 input 태그 안에 있는 내용이 변경된 경우에 이벤트를 설정하고 싶을 때, onChange를 통해 이벤트를 감지하여 이벤트를 적용한다. 이번 글은 자바스크립트에서 onChange 이벤트 사용 방법에 대해 기록한다.

---

자바스크립트(JavaScript) onChange 이벤트 사용 방법

자바스크립트에서 onChange에 대한 적용은 정말 간단하다.

 

1. onChange 함수

먼저, HTML 코드에서 아래와 같이 input 태그에 onChange 속성을 넣어준다.

onChange가 발생할 경우에는 changeText()라는 함수를 타서 이벤트를 먹일 것이다.

<input type="text" onChange="changeText()"/>

 

 

2. chageText()

스크립트 단에서 아래와 같이 function을 정의하여 이벤트에 대한 로직을 짜면 된다.

function chageACLOCAKY(){
	PlaySound('e');
	$("#TEST").val("");
	$("#TEST").focus();
}