jQuery에서 입력 [유형 = 텍스트]의 값 변경 감지

특정 입력 상자의 값이 변경 될 때마다 함수를 실행하고 싶습니다. 그것은 거의 작동 $('input').keyup(function)하지만, 예를 들어, 상자에 텍스트를 붙여 넣을 때 아무 반응이 없습니다. $input.change(function)입력이 흐려질 때만 트리거되므로 텍스트 상자의 값이 변경 될 때마다 어떻게 즉시 알 수 있습니까?

'바인딩'기능보다 'on'이 권장된다는 점을 기억하십시오. 항상 다음과 같은 이벤트 리스너를 사용하십시오.

$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

기술

jQuery의 .bind()메소드를 사용하여이를 수행 할 수 있습니다 . jsFiddle을 확인하십시오 .

견본

HTML

<input id="myTextBox" type="text"/>

jQuery

$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});

추가 정보

• jsFiddle 데모
• jQuery.bind ()

이것을 시도하십시오 .. https://stackoverflow.com/users/1169519/teemu에 대한 크레딧

내 질문에 대한 답변 : /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

이 솔루션을 통해 프로젝트를 진행할 수있었습니다.

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

   // Do your thing here.
});

참고 : IE의 하위 버전에 대한 속성 변경

당신은 또한 텍스트 상자 이벤트를 사용할 수 있습니다-

<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}

이 시도

이 시도:

기본적으로 각 이벤트를 설명하십시오.

HTML :

<input id = "textbox" type = "text">

jquery :

$("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

$("#textbox").change(function() { 
alert($(this).val());  
}); 

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});

브라우저 제안을 위해 선택

이 시도:

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

이것을 사용하십시오 : https://github.com/gilamran/JQuery-Plugin-AnyChange

컨텐츠 메뉴를 포함하여 입력을 변경하는 모든 방법을 처리합니다 (마우스 사용).

이 이벤트 조합은 저에게 효과적이었습니다.

$("#myTextBox").on("input paste", function() {
   alert($(this).val()); 
});

행사 cut나 select행사를 잊지 마십시오 !

허용되는 답변은 거의 완벽하지만 cut및 select이벤트를 잊어 버립니다 .

cut 사용자가 텍스트를 자르면 시작됩니다 (CTRL + X 또는 마우스 오른쪽 버튼 클릭).

select 사용자가 브라우저 제안 옵션을 선택하면 시작됩니다

다음과 같이 추가해야합니다.

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});