Question

就像标题所说的那样，当我点击一个div时，我正试图保持输入文本的焦点不变。

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

当您点击“Google搜索”时，仍会保持输入文字的重点。

我正在尝试但总是丢失输入文字焦点。

有人知道如何实现这个目标吗？

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

提前致谢。

Answer 1

当您的部门捕捉到mousedown事件时，您可以尝试重新关注文本输入。

以下是使用jQuery的简单示例：

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

Answer 2

检查此解决方案：

首先，存储最后一个聚焦元素：

recordset

之后，在你的onClick事件中：

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

请注意，您需要在每个关注的元素中都有一个指定的ID。

单击div时如何保持输入文本的焦点？

2 个答案: