javascript - JQuery:点击某物时不要集中注意力

Question

我有一个 div，#someDiv，在其上有一些 jQuery 代码要在聚焦和聚焦时执行。但我想实现一个操作，如果在 div #1 聚焦时单击某个其他 div，则该焦点仍保留在该 div 上:

$(document).on("focus", "#someDiv", function() {

// Some code here to execute

}).on("focusout", "#someDiv", function() {

if (#someDiv2 was clicked on) { // DON'T focus out from #someDiv }


});

...但是问题是 jQuery 无法区分焦点移出期间是否发生了单击。怎样才能达到这样的效果呢？

编辑:基本上，我试图实现的想法是一个模拟网络应用程序，您可以在其中自定义某种类型的 div，当它具有焦点时，就会出现一个“选项”div。我不希望选项栏在单击时消失，否则无法选择任何“选项”。

Answer 1

一个半成品的解决方案是简单地监视点击/模糊的时间并将两者关联起来:

http://jsfiddle.net/ztA5F/

var lastBlur = new Date().getTime();
$("html").on("click", function() {
    var now = new Date().getTime();
    console.log(lastBlur);
    console.log(now);
    if (lastBlur >= (new Date().getTime() - 500))
        $("#input").focus();
    console.log("click");
});

$("#input").on("blur", function() {
    lastBlur = new Date().getTime();
    console.log("blur");
});