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

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에 대한 크레딧

내 질문에 대한 답변 : https://stackoverflow.com/questions/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());  
}); 

---

이 시도:

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

---

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

브라우저 제안을 위해 선택

---

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

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

참고 URL : https://stackoverflow.com/questions/8747439/detecting-value-change-of-inputtype-text-in-jquery