如何在div上点击时仍然保持输入文字焦点？

Question

就像标题所说，我试图保持输入文本焦点时仍然点击一个div。

具体来说，我正在尝试类似于Google Live搜索（不是即时搜索）中发生的事情（当您键入那里时，显示十个项目列表。）（我无法放置图像）。

当您点击“Google搜索”时，仍然保持输入文本的焦点。

我在尝试，但总是失去输入文字焦点。

有人知道如何做到这一点？

P.S：单击我的意思是mousedown事件。

在此先感谢。

Answer 1

当您的分部发现mousedown事件时，您可以尝试重新关注文本输入。

下面是使用jQuery一个简单的例子：

$("#my-division").on("mousedown", function (evt) { 
    $("#my-input").focus(); 
}); 

Answer 2

入住此解决方案：

首先，最后的焦点元素存储：

var lastFormElementFocused = 'my-first-element-id'; 
$(document).on('focus', '.your-class', function() { 
     lastFormElementFocused = $(this).attr('id'); 
     console.log(lastFormElementFocused); 
    }); 

之后，在您的onClick事件：

$(document).on('click', "div.your-class", function() { 
     $("#" + lastFormElementFocused).focus(); 
     var element = $(document.activeElement); 
     // Do with 'element' what you want 
    }); 

请注意，您需要在每个您关注的元素中分配一个ID。