javascript - jQuery-这些函数调用之间的区别

我有一些活动的JS类

jQuery(document).on('click', '.btn-details', (e) => {

但我无法访问.btn-details拥有的数据属性。

当我做一个

jQuery(document).on('click', '.btn-details', function() {

我可以访问btn-details-元素的数据属性，但不能访问this.myvar -class-variable。

这里有什么问题？ (e) =>到底是什么意思？

最佳答案

e包含click事件属性。它通常与类似全局（document范围）的事件一起使用，如下所示：

jQuery(document).on('click', '.btn-details', (e) => {
   var btnDetails = e.target;
   var attr = btnDetails.data("attr");
}

要么

jQuery(document).on('click', '.btn-details', function(e) {
   var btnDetails = e.target;
   var attr = btnDetails.data("attr");
}

原始事件接收器是document元素，因为您已将listener方法绑定到该元素，但是可以通过查询其中的e.target来获取触发元素。

关于javascript - jQuery-这些函数调用之间的区别，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38582600/