Jquery:在悬停时输入BGcolor,然后在mouseout时返回,但如果输入有焦点,则禁用mouseout BGcolor更改

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function() {
  // 获取输入框元素
  var input = $('input');

  // 保存输入框原来的背景颜色
  var originalColor = input.css('background-color');

  // 鼠标悬停时改变背景颜色
  input.hover(function() {
    $(this).css('background-color', 'yellow');
  }, function() {
    // 鼠标移出时恢复原来的背景颜色，但只有在输入框没有焦点时才生效
    if (!$(this).is(':focus')) {
      $(this).css('background-color', originalColor);
    }
  });

  // 输入框获得焦点时禁用背景颜色的改变
  input.focus(function() {
    $(this).off('mouseout');
  });

  // 输入框失去焦点时重新启用背景颜色的改变
  input.blur(function() {
    input.hover(function() {
      $(this).css('background-color', 'yellow');
    }, function() {
      if (!$(this).is(':focus')) {
        $(this).css('background-color', originalColor);
      }
    });
  });
});