javascript - 防止文本字段在单击按钮时模糊

Question

假设我有一个字段和一个按钮。该按钮提交字段并触发一些 AJAX 请求，该请求将数据返回到同一页面。每次单击按钮时，都会取消选择/模糊该字段。这可以通过使按钮在单击时聚焦文本字段来部分修复。然而，在点击过程中，有一个短暂的时间场模糊。我设置页面的方式看起来不太好。我想完全防止该字段在整个点击过程中模糊。最简单的方法是什么？谢谢!

代码:

<input type="text" id="f" autofocus/><span id="btn" onclick="document.getElementById('f').focus()"></span>

Answer 1

您可以在非常短的超时时间内将焦点移至按钮焦点，而不是处理按钮点击:

jQuery:

$('#btn').focus(function (event) {
    setTimeout(function () {
        $('#f').focus();
    }, 5);
});

JavaScript:

document.getElementById('btn').onfocus = function (event) {
    setTimeout(function (event) {
        document.getElementById('f').focus();
    }, 5);
};