jq focusin和focus得区别

focus是某个元素获取焦点时触发得事件。通常与blur配合使用。代表失去焦点

<input>
<span>请输入你的电话号码?</span>
<p>点击输入框获取焦点。</p>

 

$(document).ready(function(){
  $("input").focus(function(){
    $("span").css("display","inline").fadeOut(2000);
  });
});

 

当元素或在其内的任意元素获得焦点时发生 focusin 事件。通常与focusout配合使用。代表元素或者其子元素失去焦点

<div style="border: 1px solid black;padding:10px;">
First name: <input type="text"><br>
Last name: <input type="text">
</div>

<p>点击输入框获取焦点，点击输入框外的部分失去焦点。</p>

$("div").focusin(function(){
    $(this).css("background-color","#FFFFCC");
  });
  $("div").focusout(function(){
    $(this).css("background-color","#FFFFFF");
  });

 

可以看到div得获取focusin事件就是它的子元素input获取焦点的事件。