jquery - 从其事件处理程序引用导致事件的元素

Question

今天我正在使用这个代码。

$("#textBox").on("keyup", function () {
  //if (this.val().length > 4);
  if ($("#textBox").val().length > 4)
    console.log("TextBox written to.");
});

但是，我对文本框的 id 使用硬编码引用有点困扰。我更愿意将其称为“调用此事件处理程序的人”。当然这不起作用（我的猜测是它指的是函数本身或类似的东西。

1. 我怎么称呼“谁……”？
2. 那里指的是什么？

Answer 1

不，$(this)应该工作。jQuery 保证这this将是对所作用对象的引用。

但是，this在您的情况下是 DOMNode。您需要将其包装在 jQuery 对象中才能访问 jQuery 特定功能val。您可以选择$(this).val()或this.value。

Answer 2

使用 'this' 作为选择器：

$("#textBox").on("keyup", function () {
  if ($(this).val().length > 4)
    console.log("TextBox written to.");
});

Answer 3

这肯定会起作用：

if (this.value.length > 4)

this此处指的是附加处理程序的 DOM 元素。匿名回调函数为此创建了特定的上下文。