jQuery textbox change event doesn t fire until textbox loses focus

Question

I found that jQuery change event on a textbox doesn t fire until I click outside the textbox   HTML    lt input type  text  id  textbox    gt    JS       textbox   change function    alert  Change detected          See demo on JSFiddle  My application requires the event to be fired on every character change in the textbox  I even tried using keyup instead         textbox   keyup function    alert  Keyup detected             but it s a known fact that the keyup event isn t fired on right-click-and-paste   Any workaround  Is having both listeners going to cause any problems

User · Answer

if you write anything in your textbox  the event gets fired  code as follows     HTML    lt input type  text  id  textbox    gt    JS    lt script type  text javascript  gt      function                textbox   bind  input   function           alert  letter entered                      lt  script gt

User · Answer

On modern browsers  you can use the input event   DEMO      textbox   on  input  function    alert  Change detected

User · Answer

Binding to both events is the typical way to do it  You can also bind to the paste event   You can bind to multiple events like this       textbox   on  change keyup paste   function         console log  I am pretty sure the text box changed          If you wanted to be pedantic about it  you should also bind to mouseup to cater for dragging text around  and add a lastValue variable to ensure that the text actually did change    var lastValue           textbox   on  change keyup paste mouseup   function         if    this  val      lastValue            lastValue     this  val            console log  The text box really changed this time                And if you want to be super duper pedantic then you should use an interval timer to cater for auto fill  plugins  etc   var lastValue       setInterval function         if      textbox   val      lastValue            lastValue       textbox   val            console log  I am definitely sure the text box realy realy changed this time             500

User · Answer

Reading your comments took me to a dirty fix  This is not a right way  I know  but can be a work around     function              inputFieldId    autocomplete           source  function  event  ui                 alert  do your functions here                return false

User · Answer

Try this       textbox   bind  paste  function    alert  Change detected          See demo on JSFiddle

User · Answer

this  bind  input propertychange   function               your code here           This is works for typing  paste  right click mouse paste etc

User · Answer

Try the below Code       textbox   on  change keypress paste   function       console log  Handler for  keypress   called

[jquery] jQuery textbox change event doesn't fire until textbox loses focus?

Examples related to jquery

Examples related to events

Examples related to textbox