Skip to content
Related Articles

Related Articles

Improve Article

jQuery | event.data Property

  • Last Updated : 12 Mar, 2019

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:
GFG click me

After Clicking 1st alert box:

After Clicking 2nd alert box:

After Clicking 3rd alert box:




My Personal Notes arrow_drop_up
Recommended Articles
Page :