如何使用if实现focus和blur

focus和blur是JavaScript中常用的事件，可以通过if语句来判断元素是否获取了焦点或失去了焦点。

例如，当元素获得焦点时，可以执行以下代码：

if (element === document.activeElement) {
  // 当前元素已经获得了焦点
}

而当元素失去焦点时，可以执行以下代码：

if (element !== document.activeElement) {
  // 当前元素已经失去了焦点
}

需要注意的是，这里的element代表需要判断的元素，可以根据具体情况进行替换。同时，这里的document.activeElement表示当前处于活动状态的元素，也就是获得了焦点的元素。

相关问题

写一个用tab键实现focus和blur事件的函数

好的，下面是一个用tab键实现focus和blur事件的函数的示例代码：

function setTabFocus() {
  var formElements = document.forms[0].elements;
  for (var i = 0; i < formElements.length; i++) {
    var element = formElements[i];
    element.onfocus = function() {
      this.className += " focused";
      this.setAttribute("data-focused", "true");
    };
    element.onblur = function() {
      this.className = this.className.replace(/ ?focused/g, "");
      this.removeAttribute("data-focused");
    };
    element.onkeydown = function(e) {
      if (e.keyCode == 9) {
        var focused = this.getAttribute("data-focused");
        if (focused) {
          this.className = this.className.replace(/ ?focused/g, "");
          this.removeAttribute("data-focused");
        }
        else {
          e.preventDefault();
          for (var j = i + 1; j < formElements.length; j++) {
            if (formElements[j].type != "hidden") {
              formElements[j].focus();
              break;
            }
          }
        }
      }
    };
  }
}

这个函数会设置表单中所有元素的focus和blur事件，并且可以使用tab键切换焦点。当元素获得焦点时，会添加一个名为“focused”的CSS类名，当元素失去焦点时，会移除这个CSS类名。当按下tab键时，函数会寻找下一个可见的表单元素并将焦点移动到那里，如果没有更多的可见元素，则不执行任何操作。

通过行内式绑定focus和blur事件，实现注册验证的功能

可以通过以下代码实现：

<input type="text" placeholder="请输入用户名" 
onblur="checkUsername()" onfocus="clearError()">
<span id="usernameError" style="color:red"></span>

<script>
function checkUsername() {
  var username = document.querySelector('input[type="text"]').value;
  if (username.length < 6) {
    document.querySelector('#usernameError').textContent = "用户名长度不能少于6个字符";
  } else {
    document.querySelector('#usernameError').textContent = "";
  }
}

function clearError() {
  document.querySelector('#usernameError').textContent = "";
}
</script>

在输入框中加入了`onblur`和`onfocus`事件，当输入框失去焦点时（即`onblur`事件被触发），会调用`checkUsername()`函数进行用户名验证；当输入框获得焦点时（即`onfocus`事件被触发），会调用`clearError()`函数清空错误提示信息。其中，错误提示信息的显示通过一个`<span>`元素实现。