본문 바로가기

javascript input 값 체인지 이벤트 체킹

보통 jquery로 이벤트 달때 뭔가를 해줘야 할 때


$("input").on("click keyup", function(){

});


등등으로 달아준다. 그리고 클릭시 감지하여 처리


값을 실시간으로 바뀌는걸 체크해 보거나 할 때는 propertychange를 활용을 하면 된다. 


인풋 엘리먼트의 실시간 체킹을 할 때 유용하다.


<input id="aa">

$("#aa").on("input propertychange", function() {

 //내부에서 처리를 해줘야 할 부분.

});


여러가지 사용법이 있겠으나 페이지에 여러가지 인풋이 있고 그것들의 입력값에 따라 체킹을 실시간으로 해야 하거나 연계되어 계산되어야 할 때 쓰면 꽤 유용할 듯 싶다.


onchange나 keyup등과 같이 요리조리 테스트 해보자.