Event handler as function parameter specific to jQuery event method?

Question

I might be calling these elements by the incorrect name so I'll try to represent my question in a visual way.
 javascript
$( 'element' ).jQueryEventMethod( function( 'event handler as function parameter' ) {
} );

or
 javascript
$( 'element' ).keydown( function( e ) {
   //function to execute               
} );

Andrew mentioned in another comment that, e is the event that is passed in from any event that's been triggered.
Now, if I were using the keydown() jQuery event method, would the "event handler as the function parameter"  be passed in after a key has been pressed down or after ANY event that's been triggered?

Marcus Parsons · Accepted Answer

Hey Mark,
First off, nice name! haha  Now to get down to brass tax, the event object is passed in as soon as any event handler is fired off, provided that a name has been given inside the function call.  In the event of key presses, you can get the which property of the event handler which returns the keycode of the key pressed.  All you have to do is give this event handler a name and then you can use it i.e.
javascript
//event can be named anything you'd like provided it would be a valid variable name
$("input[type=text]").keydown(function(event) {
  //13 is the keycode for the Enter key
  if (event.which === 13) {
    alert("You pressed the Enter key!");
  }
});

Welcome to the Treehouse Community

Looking to learn something new?

Mark DeArmond

Mark DeArmond

Event handler as function parameter specific to jQuery event method?

1 Answer

Marcus Parsons

Marcus Parsons

Mark DeArmond

Mark DeArmond

Marcus Parsons

Marcus Parsons

Mark DeArmond

Mark DeArmond

Marcus Parsons

Marcus Parsons