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