主页 / coding / 问题 / 79324417
Accepted
Cymro
Asked: 2025-01-03 00:46:16 +0800 CST

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

  • 772

我有这个代码：

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

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

undefined

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

jquery

1 个回答

  1. Best Answer

    事件对象具有一个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">

    您甚至可以更进一步，从 迁移到.keyup()并转而标准化.on()，这样可以更清楚地了解事件委托。例如：

    $(document).on('keyup', 'input', function(e) {
  console.log($(this).attr('id'));
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input type="text" id="foo">

    在上面的例子中，第二个参数是.on()一个选择器，在运行时使用来确定原始元素是否应该触发事件处理程序，并在事件处理程序中this引用该原始元素。

    • 3

相关问题