jquery用data方法获取某个元素上的事件

获取某个元素上的事件可以通过jQuery的data()方法进行获取。下面将提供两个示例，以展示如何使用data()方法获取某个元素上的事件。

示例一

我们可以使用data()方法获取以前绑定到一个元素上的事件。

HTML：

<button id="btn">点击我</button>

JavaScript:

$(document).ready(function () {
  $("#btn").on("click", function () {
      alert("我被点击了。");
  });

  var clickHandler = $('#btn').data('events').click[0].handler;

  console.log(clickHandler);
});

在这个示例中，我们先用on()方法给按钮添加一个点击事件。然后，使用data()方法来获取该元素上的所有事件的信息。最后，我们使用console.log()方法来输出被点击事件的处理函数。

示例二

在第二个示例中，我们将会使用data()方法获取元素上的自定义事件信息。下面是代码:

HTML:

<button id="btn">点击我</button>

JavaScript:

$(document).ready(function () {
  $("#btn").on("custom_click", function () {
      alert("自定义事件被触发了。");
  });

  var customHandler = $('#btn').data('events').custom_click[0].handler;

  console.log(customHandler);
});

在这个示例中，我们使用on()方法来绑定一个自定义事件到按钮上。然后，使用data()方法来获取该自定义事件的处理函数。最后使用console.log()方法来输出该事件的处理函数。

总之，使用data()方法可以使我们更加方便地获取元素上的各种事件的信息，以帮助我们更加高效地开发和维护网站。