extJS和IE提交按钮坏了但在Firefox中工作

Question

我有一系列附加到“onClick”处理程序的函数，在IE 8中看起来很糟糕

我在表单中有一个html提交按钮。

 <input id="myButton1 type="submit"> 

我在按钮ID上做了一个Ext.get

 var myButtonJS =Ext.get(myButton1);

我点击onClick如下

  myButtonJS.on('click',function ()....)

在firefox 4中，点击按钮或按Enter键会触发提交和onClick。它每次都在FF中按预期工作。

onClick会触发一个循环，轮询状态栏，显示提交过程的进度。 onClick不会重新启动它只作为触发器的值。

如果我将onClick更改为Submit，那么FF或IE都不会触发js。

在IE 8中单击按钮会触发onClick但不会触发提交，按Enter键仅触发提交而不是onClick ....从兼容模式更改为怪癖模式无效。

JSFiddle版本的代码Fiddle

有人可能会指出如何将IE引入脚跟并且不会破坏正在运行的Firefox吗？

Answer 1

我对extJS不是很熟悉，但这是我的想法：

• 您是否在onclick上返回了true / false值？ （我不知道 onclick的目的是什么，我把它用于验证。）

• 您可能会为所有浏览器提交使用ENTER键提交 想要将事件更改为onSubmit，然后使用document.forms["myform"].submit();

javascript并提交表单

• 如果您仍想使用onClick，请确保您正在提交 如果javascript点击代码允许用户提交，则表单 使用上面的代码片段。

如果这有助于你，请告诉我。

<强>更新

请参阅更新的工作链接：http://fiddle.jshell.net/QzMVH/5/

您的问题是，您的进度条标记是<p>标记而不是<div>。改变它，它应该工作正常。