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: