jQuery multiple events to trigger the same function

Question

Is there a way to have keyup, keypress, blur, and change events call the same function in one line or do I have to do them separately?

The problem I have is that I need to validate some data with a db lookup and would like to make sure validation is not missed in any case, whether it is typed or pasted into the box.

Answer 1

You can use .on() to bind a function to multiple events:

$('#element').on('keyup keypress blur change', function(e) {     // e.type is the type of event fired }); 

Or just pass the function as the parameter to normal event functions:

var myFunction = function() {    ... }  $('#element')     .keyup(myFunction)     .keypress(myFunction)     .blur(myFunction)     .change(myFunction) 

Answer 2

As of jQuery 1.7, the .on() method is the preferred method for attaching event handlers to a document. For earlier versions, the .bind() method is used for attaching an event handler directly to elements.

$(document).on('mouseover mouseout',".brand", function () {   $(".star").toggleClass("hovered"); })