Question

我有三个简单的文本，我想对第二个文本的“ onblur”进行验证。它应该删除刚刚键入的内容，并继续关注相同的输入。我可以使它删除内容，但不能集中精力。可能会发生什么？

function validate() {
  document.getElementById("txt-second").value = "";
  document.getElementById("txt-second").focus();
}

<input type="text" id="txt-first" />
<input type="text" id="txt-second" onblur="validate();" />
<input type="text" id="txt-third" />

Answer 1

奇怪的是onblur对我也不起作用。

<input type="text" id="txt-first"/>
<input type="text" id="txt-second"/>
<input type="text" id="txt-third"/>

<script>
function validate(event){
  this.value = "";
  this.focus();
}

var txtSeconds = document.getElementById("txt-second");
txtSeconds.onblur = validate;
</script>

Answer 2

创建一个具有子例程的“父”函数

<script>
var ele = document.getElementById("txt-second");
ele.onblur = function(){
   ele.value="";
   ele.focus();
}
</script>

如果仍然无法解决，请检查此问题Two onblur for same input id

编辑：我刚刚测试了您的代码，它对我有用，问题是一旦它聚焦，我就无法将光标移出该输入框...

“ onblur”之后无法集中输入

2 个答案: