jQuery - 单击 focusin 上显示的按钮

Question

我想在 focusin 上显示一个按钮，单击时执行一些操作或在 focusout 上隐藏该按钮:

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

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

它显示按钮处于焦点状态，但是当单击该按钮时，该操作将被忽略，并且该按钮会立即隐藏，就像焦点优先于单击一样。当我尝试删除该焦点部分时，操作已完成，但按钮保持可见......但我需要在焦点上隐藏该按钮。

看起来很简单......但我不明白为什么它不起作用 - 任何提示将不胜感激。

Answer 1

您需要稍微调整处理程序分配。现在，按钮单击和焦点输出处理程序仅绑定(bind)在第一个焦点上。

除此之外，还存在 not being able to know 的问题。 (不使用 IE 特定信息)，什么事件触发了焦点(因此您无法将按钮隔离为源)。最好的解决方案似乎是超时解决方案。我建议使用 this answer to your question 中提供的代码.