Question

我在文本框中使用onblur并显示提醒。但是当我在文本框中输入内容后单击Chrome浏览器外部，然后单击任务栏中的chrome浏览器按钮时，警报会持续显示。再次点击Chrome浏览器按钮后，警报只会出现一次。

这是我的代码：

<!DOCTYPE html>
<html>
<body>
  Enter your name: <input type="text" id="fname" onblur="myFunction()">

  <p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

  <script>
    function myFunction() {
      var x = document.getElementById("fname");
      alert(x.value.toUpperCase());
    }
  </script>
</body>
</html>

Answer 1

根据您的问题，我建议您使用keyup，如下所示：

function myFunction() {
  var x = document.getElementById("fname");
  x.value = x.value.toUpperCase();
}

Enter your name: <input type="text" id="fname" onKeyup="myFunction()">

<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

点击外部点击

1 个答案: