jQuery mouseout if 函数

Question

我如何设置一个 jQuery 函数，当用户将鼠标移出 div 时，将检测 div 内的输入是否处于焦点状态，然后在未处于焦点时更改 div 的不透明度？

到目前为止，我已尝试使用此代码：

  $("#navbar").mouseout(function(event){
    if $(#navbarsearch.is( ":focus" )){
      //Animation Complete
    } else {
      $("#navbar").css('opacity', '0.8');
    }
  });

Answer 1

使用 is(":focus") 来确定输入是否聚焦应该可以解决问题。

$('#div').on('mouseleave', function() {
    if($('input').is(":focus")) {
        $('input').fadeTo(duration, opacity);
    }
});