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

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 。

Answer 2

在这里我编码了一些行，可能这就是你要找的

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


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

小提琴