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);
};

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

1 个答案: