Javascript 检查输入值是否与onBlur不同

如何检查模糊后输入框的值是否不同

$("#username").on('blur', function() {
  $("#usertext").append("new input<br>");
})

$（“#用户名”）.on（'blur'，function（）{
$（“#usertext”）.append（“新输入
”）；
})

检查此JSFIDLE：

假设我在输入中输入“Josh”，在模糊之后，将附加新的输入框。但是，用户可以“重新模糊”用户名输入，并附加其他输入

我想检查值是否相同，而不是追加新输入。

请参见此 您可以保留一个全局变量来存储文本框的当前值，然后检查输入的值是否与上一个值相同。如果没有，则追加

新输入

文本，并用新文本设置全局变量。下面是实现这一点的Javascript

JS

var txt = "";
$("#username").on('blur', function() {
  if (txt != this.value) {
    $("#usertext").append("new input<br>");
    txt = this.value;
  }
})

---

您可以像下面的代码片段一样执行此操作

var text=''；
$（“#用户名”）。在（'blur'，function（）上{
如果（this.value！=文本）{
text=this.value；
$（“#usertext”）.append（'newinput
'）；
}
});



您可以使用代替，例如：

$("#username").on('change', function() {
    $("#usertext").append("new input<br>");
});

$（“#用户名”）.on（'change'，function（）{
$（“#usertext”）.append（“新输入
”）；
});

因此，不需要检查值是否更改，因为
change
事件在其值更改时发送给元素

$("#username").on('change', function() {
    $("#usertext").append("new input<br>");
});