javascript - 为什么我的 jQuery keydown 功能只适用于第一个输入元素

Question

我已经构建了一个小的 jQuery 脚本，它向我正在写入的输入字段添加了一个类。但是它只在第一个输入字段中写入内容后才适用于所有输入字段，请参阅 dev.resihop.nu例如。

代码:

$('.field').keydown(function () {
  if ($('.field').val() !== 'Ort, gata eller kommun') {  
    $(this).addClass("focus");
  };
});

Answer 1

这是因为您使用 $('.field').val() 再次获取元素。将其更改为:

$('.field').keydown(function () {
  if ($(this).val() !== 'Ort, gata eller kommun') {  
    $(this).addClass("focus");
  };
});