focusin/focusoutとfocus/blurの違い（例：

Question

）blurとfocusoutとfocusとfocusinの違いを教えてもらえますか？

Answer 1

イベントバブル、focusおよびblurイベントは発生しません。つまり、focusinとfocusoutをフォームフィールドの親要素に使用できます。

デモ：http://jsfiddle.net/pAp4E/

HTML：

<div class="parent"> 
    <input type="text" /> 
</div> 

<div class="log"></div> 

Javascriptを：

$('.parent') 
    .focusin(function(){log('div focusin');}) 
    .focusout(function(){log('div focusout');}) 
    .focus(function(){log('div focus');}) 
    .blur(function(){log('div blur');}); 
$('input') 
    .focusin(function(){log('input focusin');}) 
    .focusout(function(){log('input focusout');}) 
    .focus(function(){log('input focus');}) 
    .blur(function(){log('input blur');}); 

function log(str){ 
    $('.log').append($('<div/>').text(str)); 
} 

あなたがそれを実行すると、あなただけの入力は、すべてのイベントを取得し、親のみ取得することを見ますfocusinおよびfocusoutイベント。

Answer 2

フォーカスおよびブラーイベントは、ユーザーがフォーカスしている要素を追跡します。フォーカス可能な要素がフォーカス

ブラー

フォーカス可能な要素にフォーカス

とfocusInを失い火災や

focusoutを獲得

1. フォーカス

   火災sで火災フォーカスとぼかしだが、気泡としての時間。このため

例えば

check this