防止焦点集中在纯 JavaScript 中的按钮单击上

Question

我或多或少面临着此处描述的相同问题，（即我有一个提交输入在选项卡后获得焦点时以编程方式单击，但当用户单击按钮时也会调用焦点处理程序，从而导致双重提交）。链接帖子中建议的解决方案有效，但我需要一个不需要 jQuery 的解决方案。有人对此有什么想法吗？请注意，我需要按钮的单击行为保持不变，因为它绑定到 asp .net 服务器端事件。谢谢你！

Answer 1

您需要阻止表单提交，因此添加一个事件侦听器，然后编写您希望 JavaScript 如何处理提交表单的代码。另外，对于您询问如何在不依赖任何框架的情况下胜任编码的问题也+1！ :-)

一些粗略的代码可以让您了解如何阻止表单提交...

if (window.addEventListener)
{
 forms[i].addEventListener('submit',function(e) {e.preventDefault(); eval(id_forms[e.target.id]+'();');},false);
}
else if (window.attachEvent)
{
 forms[i].attachEvent('onsubmit',function(e,f) {e.returnValue=false; eval(id_forms[e.srcElement.id]+'();');});
}

Answer 2

我最终得到了一个 keyUp 和 keyDown 处理程序，在其中设置/取消设置 isKeyPressed 变量。据我了解，按 Tab 键时发生的事件顺序如下：

• keyDown
• 获得焦点
• keyUp

因此，在焦点事件处理程序中，我检查是否通过 Tab 键获得焦点（即 isKeyPressed 是否设置为 true）并提交在那里形成。否则，如果在单击（）后获得焦点，则 isKeyPressed 将不会设置为 true，并且我不会以编程方式触发表单提交。