[javascript] jQuery에서 입력 변경을 감지하고 있습니까?

설명과 예제를 위해 업데이트

예 : http://jsfiddle.net/pxfunc/5kpeJ/

방법 1. input이벤트

최신 브라우저에서는 input이벤트를 사용합니다 . 이 이벤트는 사용자가 텍스트 필드에 입력하고 붙여 넣거나 실행 취소 할 때 기본적으로 값이 한 값에서 다른 값으로 변경 될 때 발생합니다.

jQuery에서 다음과 같이하십시오.

$('#someInput').bind('input', function() {
    $(this).val() // get the current value of the input field.
});

jQuery를 1.7로 시작, 대체 bind와 함께 on:

$('#someInput').on('input', function() {
    $(this).val() // get the current value of the input field.
});

방법 2. keyup이벤트

구형 브라우저의 keyup경우 이벤트를 사용합니다 (키보드에서 키를 놓으면 실행됩니다).이 이벤트는 “w”를 놓으면 입력 값이 변경되고 keyup이벤트가 발생하지만 “shift”키가 해제되면 keyup이벤트가 발생하지만 입력에는 아무런 변화가 없습니다.). 또한 사용자가 컨텍스트 메뉴에서 마우스 오른쪽 버튼을 클릭하여 붙여 넣을 경우이 방법이 실행되지 않습니다.

$('#someInput').keyup(function() {
    $(this).val() // get the current value of the input field.
});

방법 3. 타이머 ( setInterval또는 setTimeout)

한계를 극복하기 위해 keyup입력 값을 주기적으로 확인하여 값 변경을 결정하도록 타이머를 설정할 수 있습니다. 이 타이머 확인을 사용 setInterval하거나 setTimeout수행 할 수 있습니다 . 표시된이 SO 질문에 대답을 참조하십시오 : jQuery를 텍스트 상자 변경 이벤트를 또는 사용하여 작업 예를 들어 바이올린을 참조 focus하고 blur시작하고 특정 입력 필드에 대한 타이머를 중지하는 이벤트를

답변

var input = document.querySelector('input');

input.addEventListener('input', function()
{
    console.log('input changed to: ', input.value);
});

$ 입력 . on ( '키 다운 키 누르기 키업 mousedown click mouseup' , handler );

$('#target').blur(function() {
  alert($(this).val());
});

$('#target').blur();