jQuery | event.data 属性

简介

event.data 属性是一个可选的参数，用于向事件处理程序传递额外的数据。这个数据可以被序列化为任何类型的JavaScript对象，并在事件处理程序中通过event.data属性来访问。

语法

$(selector).on(event, event.data, function)

• selector：一个字符串，用来指定要绑定事件的元素。
• event：一个字符串，用来描述要绑定事件的类型。
• event.data：可选参数，传递给事件处理程序的数据。
• function：一个函数，当事件被触发时执行。

例子

下面是一个例子，我们将 event.data 设置为字符串 'hello':

$(document).ready(function(){
  $("p").on("click", "span", 'hello', function(event){
    alert('传递的数据是：' + event.data);
  });
});

在上述代码中，当 <span>被单击时，弹出一个包含字符串'hello'的消息框。

接下来，我们将 event.data 设置为一个对象：

$(document).ready(function(){
  var myData = { name: "John", age: 30 };
  $("p").on("click", "span", myData, function(event){
    alert('Name：' + event.data.name + '，Age：' + event.data.age);
  });
});

在上述代码中，当 <span>被单击时，弹出一个包含对象数据信息的消息框。

总结

event.data 属性提供了一种简单的方式来向事件处理程序传递额外的数据。它可以是任何类型的JavaScript对象，并通过event.data属性来访问。

Markdown代码片段：

# jQuery | event.data 属性

## 简介

`event.data` 属性是一个可选的参数，用于向事件处理程序传递额外的数据。这个数据可以被序列化为任何类型的JavaScript对象，并在事件处理程序中通过`event.data`属性来访问。 

## 语法

```javascript
$(selector).on(event, event.data, function)

• selector：一个字符串，用来指定要绑定事件的元素。
• event：一个字符串，用来描述要绑定事件的类型。
• event.data：可选参数，传递给事件处理程序的数据。
• function：一个函数，当事件被触发时执行。

例子

下面是一个例子，我们将 event.data 设置为字符串 'hello':

$(document).ready(function(){
  $("p").on("click", "span", 'hello', function(event){
    alert('传递的数据是：' + event.data);
  });
});

在上述代码中，当 <span>被单击时，弹出一个包含字符串'hello'的消息框。

接下来，我们将 event.data 设置为一个对象：

$(document).ready(function(){
  var myData = { name: "John", age: 30 };
  $("p").on("click", "span", myData, function(event){
    alert('Name：' + event.data.name + '，Age：' + event.data.age);
  });
});

在上述代码中，当 <span>被单击时，弹出一个包含对象数据信息的消息框。

总结

event.data 属性提供了一种简单的方式来向事件处理程序传递额外的数据。它可以是任何类型的JavaScript对象，并通过event.data属性来访问。