單擊div時如何保持輸入文本焦點不變？

Question

就像title所說的那樣，我試圖在單擊一個div時保持輸入文本的焦點不變。

具體來說，我正在嘗試類似Google Livesearch（不是即時搜索）中發生的事情（當您在其中鍵入內容時，會顯示十個項目列表。）（我無法放置圖片）。

當您單擊“ Google搜索”時，仍保持輸入文本的焦點。

我正在嘗試，但始終會失去輸入文本的焦點。

有人知道如何實現這一目標嗎？

PS：單擊表示鼠標按下事件。

提前致謝。

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。