当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JQuery event.data用法及代码示例


event.data属性用于包含传递给事件方法的可选数据。绑定当前执行的处理程序时传递的数据。

用法:

event.data

参数:


  • event:该参数用于在选择器上指定事件类型的名称。

返回值:此方法返回一个对象。

例:下面的示例说明了jQuery中的event.data方法:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>The event.data property</title> 
    <script src= 
"https://code.jquery.com/jquery-3.3.1.js"> 
  </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>

输出:
点击之前:
GFG click me

单击第一个警报框后:

单击第二个警报框后:

单击第三个警报框后:



相关用法


注:本文由纯净天空筛选整理自AnkitMishra16大神的英文原创作品 jQuery | event.data Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。