jQuery에서 입력[type=text]의 값 변경 감지

jQuery에서 입력[type=text]의 값 변경 감지

특정 입력란의 값이 바뀔 때마다 함수를 실행하고 싶습니다.거의 작동합니다.$('input').keyup(function)그러나 예를 들어 텍스트를 상자에 붙여넣을 때는 아무 일도 일어나지 않습니다.$input.change(function)입력이 흐릴 때만 트리거되는데, 텍스트 상자의 값이 변경될 때마다 어떻게 즉시 알 수 있습니까?

업데이트 - 2021

2021년 기준으로 사용할 수 있습니다.input입력 값 변경 사항을 충족하는 모든 이벤트에 대한 이벤트.

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

원답

'on'은 '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">

질문:

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

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

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

브라우저 제안을 위해 선택

잊지 마십시오.cut또는select이벤트!

받아들여진 대답은 거의 완벽하지만, 그것은 그것을 잊어버립니다.cut그리고.select사건들

cut사용자가 텍스트를 자를 때 발생합니다(CTRL + X 또는 마우스 오른쪽 버튼 클릭).

select사용자가 브라우저 선택 옵션을 선택할 때 실행됩니다.

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

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

사용해 보십시오.

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

사용 방법: https://github.com/gilamran/JQuery-Plugin-AnyChange

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

이러한 이벤트 조합은 저에게 효과가 있었습니다.

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

다음 코드를 사용하여 입력, 키 변경 및 키 누르기를 감지할 수 있습니다.

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

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