如何获取输入元素的模糊值

Question

我有一个输入框和一个标签。当盒子里有内容时，我想对标签应用特定的样式。为此，我需要在模糊事件中输入值，以便进行比较

<input type="text />"
<label>something</label>
$('input').blur(function() {
$('label').css('color','red');
console.log($(this).val())
})

如果在输入框中键入了什么内容，我应该在控制台中打印该值。但我得到的是控制台的一个空值。模糊时颜色会发生变化，但无法获取值。

有没有一种方法可以在模糊事件中键入并使用该值。

Answer 1

您可以使用keyup()，然后用this.value检查值。

$('input').keyup(function() {   
const valueToCompare = "someValue";
if (this.value == valueToCompare) {
$('label').css('color','red');  
} 
})

https://jsfiddle.net/qu3w8jxc/1/