event.data属性用于包含传递到事件方法的可选数据。绑定当前执行的处理程序时传递的数据。
语法如下：
event.data参数：
- 事件：它是用于在选择器上指定事件类型的名称的参数。
例子：下面的示例说明了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 =https://www.lsbin.com/= 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 = "https://www.lsbin.com/Click Me" />
<
/ body >
<
/ html >
输出：
【jQuery如何使用event.data属性（代码示例）】点击之前：
文章图片
单击第一个警报框后：
文章图片
单击第二警报框后：
文章图片
单击第三个警报框后：
文章图片
推荐阅读
- AngularJS如何使用数字过滤器（示例）
- JavaScript如何使用Math floor()方法（示例）
- Java中如何使用new运算符（代码示例）
- Python如何使用OpenCV调整图像大小（）
- 初学者编程（您必须知道的10种最佳HTML编码实践）
- 如何使用jQuery选择具有多个类的元素（）
- FCFS CPU调度算法程序实现|S1
- 老毛桃u盘打开盘制作工具,本文教您如何迅速完成
- usb键盘,本文教您电脑usb键盘无法识别处理办法