[EVENT] 웹페이지, 모바일 웹 document.on 이벤트

웹 페이지만들 때 이 이벤트를 많이 사용할 겁니다.
저 역시 매번 사용하고 있으니까요 ㅎㅎ

document.on 이벤트는 여러 옵션이 있는데요.

change : id및 class 안에 checkBox, Text, radio 등이 뭔가 변화가 있을 때 들어오는 이벤트.

keypress : 해당 태그 id, class 에서 키보드를 눌렀을 때 들어오는 이벤트.
(keydown, keyup : 키보드 키를 누르고 있을 때, 키보드 키를 땠을 때 들어가는 이벤트)

input : input의 텍스트의 값이 감지 될 때 들어오는 이벤트

select : input의 텍스트가 선택되었을 때 들어오는 이벤트

주로 위에 옵션들을 많이 사용하는데요.

코드로 작성 한다면?

<script>

$(document).on('change,keypress','input',function(){
   // 작성하고 싶은 코드.
});

</script>

이렇게 기본 코드를 작성해주고 그 안에 써야할 코드를 만들어 주시면 됩니다.


이벤트 발생 시 $(this).attr('id')로 console.log 해보시면 이벤트에 들어간 id를 볼 수 있으니 그걸 찾아서 수정하시면 될 것 같아요 ㅎㅎ