jQuery | event.data Property
The event.data property is used to contain the optional data which is passed to an event method. The data passed when the currently executing handler is bound.
Syntax:
event.data
Parameters:
- event: It is the parameter which is used to specify the name of the event type on the selector.
Return Value: This method returns an Object.
Example: Below example illustrates the event.data method in jQuery:
<!DOCTYPE html> <html> <head> <title>The event.data property</title> <script src= </script> <script type="text/javascript"> $(document).ready(function() { $('#ClickMe').on('click', { msg: 'GFG says hi to', name: 'John Doe' }, sayHello); $('#ClickMe').on('click', { msg: 'GFG says Hi!!' }, sayHello); $('#ClickMe').on('click', sayHello); function sayHello(event) { if (event.data == null) { alert('No name or msg provided'); } else { alert('Hello ' + event.data.msg + (event.data.name != null ? ' ' + event.data.name : '')); } } }); </script> </head> <body style="font-family:Arial"> <input id="ClickMe" type="button" value="Click Me" /> </body> </html> |
Output :
Before clicking:
After Clicking 1st alert box:
After Clicking 2nd alert box:
After Clicking 3rd alert box:
.png)
