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版本的代碼小提琴

有人可以指出如何將IE置於首位，而不破壞正常工作的Firefox嗎？

Answer 1

我對extJS不太熟悉，但是這是我的想法：

• 您是否在onclick上返回了true / false值？ （我不知道onclick的目的是什么，我認為這是為了驗證。）

• 所有瀏覽器都將使用ENTER鍵提交，您可能希望將事件更改為onSubmit，然后使用JavaScript並使用document.forms["myform"].submit();提交表單document.forms["myform"].submit();

• 如果您仍想使用onClick，請確保您是否正在提交表單（如果javascript點擊代碼允許用戶使用上述代碼段提交表單）。

讓我知道這是否對您有幫助。

更新

請參閱更新的工作鏈接： http : //fiddle.jshell.net/QzMVH/5/

您的問題是進度條標簽是<p>標簽而不是<div> 。 更改它，它應該可以正常工作。