jQuery if change or keyup

Question

Using jQuery i would like to run a function when either  change   or  keyup   are raised   Something like this   if   jQuery   input   change      jQuery   input   keyup           alert   something happened          EDIT  Sorry i forgot to mention  Both  change   and  keyup   need some of the variables to be in-scope

User · Answer

Do this     function        var myFunction   function                 alert  myFunction called               jQuery   input   change myFunction  keyup myFunction

User · Answer

That s not how events work  Instead  you give them a function to be called when they happen      input   change function         alert  Something happened

User · Answer

keyup event input jquery  For Demo   x000D   x000D    document  ready function      x000D          tutsmake   keydown function      x000D              tutsmake   css  background-color    green      x000D            x000D          tutsmake   keyup function      x000D              tutsmake   css  background-color    yellow      x000D            x000D       x000D   lt  DOCTYPE html gt    x000D   lt html gt    x000D   lt title gt  jQuery keyup Event Example  lt  title gt  x000D   lt head gt    x000D   lt script src  https   code jquery com jquery-3 3 1 min js  gt  lt  script gt  x000D   lt  head gt    x000D   lt body gt    x000D  Fill the Input Box   lt input type  text  id  tutsmake  gt    x000D   lt  body gt    x000D   lt  html gt     x000D   x000D   x000D

User · Answer

If you re ever dynamically generating page content or loading content through AJAX  the following example is really the way you should go    It prevents double binding in the case where the script is loaded more than once  such as in an AJAX request  The bind lives on the body of the document  so regardless of what elements are added  moved  removed and re-added  all descendants of body matching the selector specified will retain proper binding    The Code      Define the element we wish to bind to  var bind to     input       Prevent double-binding    document body  off  change   bind to       Bind the event to all body descendants matching the  bind to  selector    document body  on  change keyup   bind to  function event        alert  something happened           Please notice  I m making use of   on   and   off   rather than other methods for several reasons      live   and   die   are deprecated and have been omitted from more recent versions of jQuery  I d either need to define a separate function  therefore cluttering up the global scope   and pass the function to both   change   and   keyup   separately  or pass the same function declaration to each function called  Duplicating logic    Which is absolutely unacceptable  If elements are ever added to the DOM    bind   does not dynamically bind to elements as they are created  Therefore if you bind to  input and then add an input to the DOM  that bind method is not attached to the new input  You d then need to explicitly un-bind and then re-bind to all elements in the DOM  otherwise you ll end up with binds being duplicated   This process would need to be repeated each time an input was added to the DOM

User · Answer

Write a single function and call it for both of them   function yourHandler e       alert   something happened                jQuery   input   change yourHandler  keyup yourHandler     The change   and keyup   event registration functions return the original set  so they can be chained

User · Answer

you can bind to multiple events by separating them with a space     quot  input quot   on  quot keyup change quot   function e           do stuff      docs here  hope that helps  cheers

User · Answer

You could subscribe for the change and keyup events     function             input   change myFunction  keyup myFunction         where myFunction is the function you would like executed   function myFunction         alert   something happened

[javascript] jQuery 'if .change() or .keyup()'

Examples related to javascript

Examples related to jquery

Examples related to function