javascript - 如何防止元素失去焦点？

Question

如何让焦点保持在一个文本框上？即使您点击浏览器中的任意位置。

$("#txtSearch").focus();

Answer 1

您需要订阅 textbox 的 blur 事件并在短时间内恢复焦点:

$('#txtSearch').blur(function (event) {
    setTimeout(function () { $("#txtSearch").focus(); }, 20);
});

这样您就不会依赖于订阅页面上任何其他元素的事件。如果您订阅了 body click 或 html click，如果任何其他元素阻止其 click 事件的传播，它将不会运行，它也赢了跳出 textbox 时 ' 工作。

例子:

<!-- I will not propagate my click to top level DOM elements -->
<button id="button">Click me</button>

<script>
$('#button').click(function (event) {
    event.stopPropagation();
});
</script>