javascript - Jquery 两个元素，在焦点/单击上切换...有效但滞后

Question

这可以像我想要的那样工作http://jsfiddle.net/nosfan1019/gvQYh/ 但是如果焦点/单击更改为同级元素，则会出现明显的延迟。有任何想法吗？

Answer 1

尝试这个：

当元素获得焦点时，焦点事件被发送到元素。此事件隐式适用于一组有限的元素，例如表单元素 ( <input>, <select>, etc.) 和链接 ( <a href>)。

$('#ooo').bind('focus click', function () {
    $('#kkk').text('hello');
});

$('#ooo').blur( function () { // you can use `blur` handler
    $('#kkk').empty();
});

http://jsfiddle.net/gvQYh/1/

Answer 2

After a little wrangling I have a solution :)

$('#ooo').focus(function () {
    $('#kkk').text('hello');
    visible = true;
});


$('* :not(#ooo)').focus( function() {
    if (visible) {
       $('#kkk').empty();
       visible = false;
    }
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

http://jsfiddle.net/nosfan1019/3nK84/