How do I implement onchange of with jQuery?

by

As @pimvdb said in his comment,

Note that change will only fire when the input element has lost focus.
There is also the input event which fires whenever the textbox updates
without it needing to lose focus. Unlike key events it also works for
pasting/dragging text.

(See documentation.)

This is so useful, it is worth putting it in an answer. Currently (v1.8*?) there is no .input() convenience fn in jquery, so the way to do it is 

$('input.myTextInput').on('input',function(e){
 alert('Changed!')
});

More Related Contents:

  1. Why does the jquery change event not trigger when I set the value of a select using val()?
  2. jQuery ‘input’ event
  3. Full path from file input using jQuery
  4. jQuery – Detect value change on hidden input field
  5. jQuery – auto size text input (not textarea!) [duplicate]
  6. jquery input select all on focus
  7. jQuery: Get the cursor position of text in input without browser specific code? [duplicate]
  8. Onchange open URL via select – jQuery
  9. How to get input type using jquery?
  10. Trigger change() event when setting ‘s value with val() function
  11. What’s the difference between keyup, keydown, keypress and input events?
  12. How to empty input field with jQuery
  13. Jquery select change not firing
  14. Detect changed input text box
  15. How to check if all inputs are not empty with jQuery
  16. jQuery autocomplete for dynamically created inputs
  17. Find all unchecked checkboxes in jQuery
  18. jQuery change placeholder text color
  19. Force a checkbox to always submit, even when unchecked
  20. Detect paragraph element change with JQuery
  21. jQuery onchange/onfocus select box to display an image?
  22. Chrome file upload bug: on change event won’t be executed twice with the same file
  23. How do I check/uncheck all checkboxes with a button using jQuery?
  24. Detect middle button click (scroll button) with jQuery
  25. Dynamically adding collapsible elements
  26. How can I display a tooltip on an HTML “option” tag?
  27. jQuery when each is completed, trigger function
  28. Use jQuery to Detect Container Overflow?
  29. Jquery find all ids starting with a string?
  30. How to include JavaScript files by h:outputScript? [duplicate]

Leave a Comment