jQuery的 - 點擊上的focusIn

顯示我想要顯示在的focusIn按鈕按鈕，點擊後做一些動作或隱藏事件的內容是按鈕：jQuery的 - 點擊上的focusIn

$(".editableDiv").live('focusin', function(){ 
    // show button under the .editableDiv div 

    $("#button").live('click', function(){ 
     // do action 
    }); 
    $(".editableDiv").live('focusout', function(){ 
     // hide button 
    }); 
});

它顯示了焦點的按鈕，但是當按鈕點擊後，該操作將被忽略，該按鈕會立即隱藏，就像聚焦輸出優先於點擊一樣。當我嘗試刪除聚焦部分時，動作完成，但按鈕仍然可見...但我需要在聚焦時隱藏該按鈕。

這似乎很簡單......但我不明白爲什麼它不工作 - 任何提示將不勝感激。

來源

2011-04-21 honzzz

您正在執行的操作是「onclick」？你可以將'click'的綁定移動到'focusin'處理器的按鈕之外，因爲它被id綁定。 – 2011-04-21 17:00:20

你真的，真的不應該使用現場。使用'委託（）'http://paulirish.com/2010/on-jquery-live/ – 2011-04-21 17:02:09

此外，你可以告訴我們這個jsbin.com或其他？ – 2011-04-21 17:02:42

發生了什麼事是聚焦點是觸發並隱藏按鈕，然後才能接收點擊事件。

那麼爲什麼不在幾毫秒後隱藏點擊/聚焦的按鈕？

$(".editableDiv").live('focusin', function(){ 
    // show button under the .editableDiv div 
    $("#button").show(); 
}).live('focusout', function(){ 
    setTimeout(function(){ 
     $("#button").hide(); 
    },50); 
}); 
$("#button").live('click', function(){ 
    // hide button 
    alert('test'); 
    $("#button").hide(); 
});

http://jsfiddle.net/userdude/E2Cyx/2/

來源

2011-04-21 17:04:42

廣泛使用後，這是正確的答案。 – justkt 2011-04-21 17:40:24

這真的是個好主意......並且它在工作，謝謝！ – honzzz 2011-04-21 17:45:34

@justkt - 謝謝，我不得不做類似的事情。 @honzzz - 如果您認爲這是正確的答案，請點擊答案左側的投票計數下方的複選標記。 :) – 2011-04-21 17:45:44