如何使用 jquery $(this) 和 $(document).keyup

Question

我有这个代码：

$(document).keyup( function(e) {
  console.log($(this).attr('id'));
});

当输入带有 id 的 HTML 输入标签时，console.log 中的输出为：

undefined

那么如何在 keyup 函数中使用 $(this) 呢？

Answer 1

事件对象有一个

target

属性，可用于此目的：

$(document).keyup( function(e) {
  console.log($(e.target).attr('id'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input type="text" id="foo">