为什么我的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"); 
    }; 
}); 

Answer 2

$('.field').val()返回匹配.field第一个字段的值。您必须使用$(this).val()来获取实际触发事件的元素的值。