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>
输出:
点击之前:
单击第一个警报框后:
单击第二个警报框后:
单击第三个警报框后:
相关用法
- JQuery jQuery.support用法及代码示例
- JQuery jQuery.fx.interval用法及代码示例
- JQuery jquery用法及代码示例
- JQuery jQuery.fx.off用法及代码示例
- JQuery length用法及代码示例
- JQuery context用法及代码示例
- JQuery event.target用法及代码示例
- JQuery event.namespace用法及代码示例
- JQuery event.relatedTarget用法及代码示例
- JQuery event.which用法及代码示例
- JQuery event.currentTarget用法及代码示例
- JQuery event.delegateTarget用法及代码示例
- JQuery event.timeStamp用法及代码示例
- JQuery event.pageX用法及代码示例
注:本文由纯净天空筛选整理自AnkitMishra16大神的英文原创作品 jQuery | event.data Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。