火狐浏览器输入框第一次失去焦点动态样式不触发

火狐浏览器（Firefox）中的input元素，当你尝试为其设置`onblur`事件以在失去焦点时改变样式，有时可能会遇到首次聚焦时不触发的问题。这是因为默认情况下，`onfocus` 和 `onblur` 事件仅在元素获得焦点和失去焦点后才会被触发，首次聚焦并不会引发它们。

如果你想要在输入框首次聚焦后再失去焦点时应用样式变化，可以采取以下几种解决方法：

1. **使用`focusin`和`focusout`事件代替**：这两个事件会分别在元素获得焦点和失去焦点时触发，包括首次聚焦。例如：

document.getElementById('yourInputBox').addEventListener('focusin', function() {
  // 首次聚焦处理
});
document.getElementById('yourInputBox').addEventListener('focusout', function() {
  // 失去焦点处理
});

2. **检查事件触发状态**：在`onblur`事件处理器中，你可以添加一个条件判断，只有当元素已聚焦过时才进行样式修改：

var isFocused = false;
document.getElementById('yourInputBox').addEventListener('focus', function() {
  isFocused = true;
});
document.getElementById('yourInputBox').addEventListener('blur', function() {
  if (isFocused) {
    // 处理失去焦点
    isFocused = false;
  }
});