防止文本字段模糊点击按钮

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