jQuery-他の要素がクリックされていない場合のみフォーカスアウト

Question

ユーザーが特定の要素にフォーカスすると、保存ボタンが表示されます。フォーカスアウト時に、私は保存ボタンを削除します。

ユーザーがいずれか当たっリターンで入力を提出するか、[保存]をクリックすることができます。保存ボタンをクリックすると、入力がフォーカスを失い、保存ボタンが削除され、クリックが登録されません。保存ボタンがクリックされている場合、フォーカスアウトで教えてもよろしいですか？私のフォーカス機能の中で

私はこのような何か：私は）（削除するために遅延を追加しようとしましたが、入力の間でタブ移動するとき、それは、複数の保存ボタンを示して（他の人がされている間

 $('#save_button').click(function(){ 
      saveEditingField(this); //save input 
      $('#save_button').die("click"); 
     }); 

     $('.editing').focusout(function(e) { 
      $('#isediting').attr('value','false'); 
      $('#edit_controls').remove() 
     }); 

を除去された）。

アイデア？

Answer 1

私は、フォーカスアウトとボタンの削除/非表示の間にわずかなタイムアウトが必要だと思います。マウスポインタがボタンを非表示にする前にfocusout上のボタンの上にある場合

Answer 2

両方の要素（入力テキストやボタン）を含むdiv要素を作成し、それにfocusOutイベントをバインドするには

Answer 3

をDIVかを確認することができます。ここでのコンセプトの

証明：http://jsfiddle.net/dnsEM/

この実装でマイナーな問題は、入力ボックスにマウスがボタンの上にあるとだけ出てマウスに隠されますながら焦点を当て失った場合には消えないボタンを保存することです。