防止专注于普通的JavaScript按钮点击

Question

我面临或多或少同样的问题描述here（即我有被点击编程时，一个标签后获得焦点提交输入项目，但重点处理程序也被调用时用户点击按钮，导致双重提交）。链接帖子中建议的解决方案工作，但我需要一个不需要jQuery的解决方案。有没有人对此有过一些想法？请注意，我需要按钮的点击行为保持不变，因为它绑定到一个asp.net服务器端事件。谢谢！

Answer 1

你要防止从形式提交，以便添加事件侦听器，然后你想怎么JavaScript来处理提交表单代码。还要问你如何在不依赖任何框架的情况下如何胜任代码编写的问题！ :-)

一些粗糙的代码给你如何防止提交表单的想法...

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

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