提交时使用JavaScript的Opera问题

Question

我有一个带有onchange =“ do_something（）”的输入元素。 当我键入并按下Enter键时，它可以在Firefox和Chromium（未在IE和Safari中进行测试）正确执行（先执行do_something，然后提交），但是在Opera中却无法执行（立即提交）。 我尝试使用这样的延迟：

<form action="." method="POST" onsubmit="wait_using_a_big_loop()">
<input type="text" onchange="do_something()">
</form>

但它也不起作用。

你有什么建议吗？

编辑：最后，我混合使用了iftrue和crescentfresh提供的解决方案，只是使该字段不集中以触发do_something（）方法，我这样做是因为其他一些输入字段具有onchange的其他方法。

$('#myForm').submit( function(){
    $('#id_submit').focus();
} );

谢谢

Answer 1

您可以使用jquery并劫持表单。

http://docs.jquery.com/Events/submit

<form id = "myForm">

</form>

   $('#myForm').submit( function(){
   do_something();
   } );

这应该在调用该方法后提交表单。 如果您需要更细粒度的控制，请在Submit事件结束时抛出return false，并使用$ .post（）发出自己的发布请求。

Answer 2

来自http://cross-browser.com/forums/viewtopic.php?id=123 ：

根据规范，按Enter键不会触发更改事件。 当控件失去焦点并且其值已更改时，将发生更改事件。

在IE中，按Enter键会聚焦“提交”按钮-因此文本输入会失去焦点，从而导致更改事件。

在FF中，按Enter键不会使“提交”按钮聚焦，但是更改事件仍然发生。

在Opera中，以上两种情况均不会发生。

跨浏览器使用keydown可以更一致地检测字段中的更改。

Answer 3

我不太擅长Javascript，但是您可以做这样的事情吗？

<form name="myform" action="." method="POST">
<input type="text" onchange="do_something();document.myform.submit();">
</form>