如果文本框不活动，则替换div jquery

Question

我不确定如何检查盒子中是否有光标。如果文本框为空或未激活，我想替换div。

.js.erb文件

if($('#headersearch').val().trim() ==  "") {
  $("#header_user_list").html('');}
else if(!$('#headersearch').is(":focus")){          <-- this line isnt working
  $("#header_user_list").html('');}
else{$("#header_user_list").html('<%= j render @header_users %>')}

Answer 1

您可以使用focusout - documentation here。

Answer 2

这里我编写了一些代码，可能这就是你要找的东西

$('#headersearch').focusout(function(){
$("#header_user_list").html('focusout');
});          


$('#headersearch').focusin(function(){
 $("#header_user_list").html('focusin');
})

FIDDLE