只有當另一個元素沒有被點擊時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

我認爲你只需要在聚焦和刪除/隱藏按鈕之間稍微超時。

Answer 2

創建包含兩種元素（輸入文本和按鈕）一個div和focusOut事件綁定到該div

Answer 3

可以檢查鼠標在按鈕上事件的內容隱藏按鈕之前。

概念證明這裏：http://jsfiddle.net/dnsEM/

這個實現是一個小問題是，保存按鈕，如果輸入框失去重點，而鼠標在按鍵和鼠標上只被隱藏了不消失。