javascript - `this` 触发事件时属于窗口对象

Question

<分区>

Answer 1

问题是因为您使用的是箭头函数，因此处理函数的范围将保留在定义级别。如果您使用传统的匿名函数，逻辑将正常工作:

$("body").on('click', 'ul#ajax-users-list>li', function() {
  console.log($(this).data('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ajax-users-list">
  <li data-id="foo">click me</li>
</ul>

如果您更喜欢使用箭头函数，那么您需要从提供的 event 参数而不是 this 引用中获取引发事件的元素:

$("body").on('click', 'ul#ajax-users-list>li', (e) => {
  console.log($(e.target).data('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ajax-users-list">
  <li data-id="foo">click me</li>
</ul>