前端 失去焦点

当一个元素失去焦点时，通常会触发blur事件。这个事件可以用来执行一些操作，比如验证用户输入是否正确，更新页面内容等。

例如，当用户在一个输入框中输入完数据并离开输入框时，我们可以使用blur事件来验证数据的有效性。

<input type="text" id="input">
<script>
  const input = document.getElementById('input');
  input.addEventListener('blur', () => {
    const value = input.value;
    // 验证数据有效性
    if (value.length < 6) {
      alert('输入的字符数不能少于6个');
    }
  });
</script>

在上面的例子中，我们监听了输入框的blur事件，并在事件回调中验证了输入的字符数是否少于6个。如果是，则弹出提示框提醒用户输入的字符数不能少于6个。