Question

Based on this question

I don’t want to litter my ready stuff waiting for a ‘click event’ AND a ‘change event’ AND a ‘mouseover event’ I want to have all that stuff in a single function or event.

Is is possible to chain the events together. I want to capture not only a keyup, but also a click or a change in case the user isn’t on the keyboard.

<script language='javascript' type='text/javascript'> $(document).ready( function () {     setMaxLength();     $('textarea.checkMax').keyup(function(){ checkMaxLength(this.id); } );     $('textarea.checkMax').mouseover(function(){ checkMaxLength(this.id); } ); }); </script> 

This works

$(document).ready( function () {     setMaxLength();      $('textarea.checkMax').bind('click mouseover keyup change', function(){checkMaxLength(this.id); } ) }); 

Answer 1

I think you are looking for bind. Bind can wire multiple events to the same function using a single call instead of using a chain:

$('textarea.checkMax').bind('keyup mouseover', checkMaxLength);