在實際的應用程式開發中,我們會常常用到JS的模事件,但有時會遇到一些問題,比如說點擊事件,舉個簡單的例子,點擊表單外的「提交」按鈕來提交表單。上代碼吧。
Html:
Javscript:
var sub = document.getElementById("subbtn");
var btn = document.getElementById( "btn");
//通用方法
btn.onclick = function() {
sub.click();
}
經過測試,IE,FF,Chrome,Opera,Safari都沒有問題,均可正常提交表單。
但在實際的設計中,為了讓提交按鈕更好看,buildder經常把它們用a標籤來處理,加個背景圖片來模擬按鈕,我們仍然用上面的思路來嘗試,增加一個a標籤,讓它來提交表單,我們只修改html。
Html:
複製程式碼
程式碼如下:
}
運行後,問題出現了,IE、FF、Opera均OK,但Chrome和Safari不能正常運行,後來網上搜索了下,發現a標籤並不是和按鈕一樣有onclick()事件的,解決辦法是針對IE 和FF編寫不同的邏輯,JS代碼如下:
javascript: 複製代碼
代碼如下:
}
至此,問題解決,雖然這個問題很簡單,但很容易被大家忽略,貼出來和大家一起分享。
語法:
createEvent(eventType)
參數 描述
eventType 發的事件模組名稱。關於有效的事件類型列表,請參閱”說明”部分。
傳回值
傳回新建立的 Event 對象,具有指定的型別。
拋出
如果實作支援需要的事件類型,則該方法會拋出程式碼為 NOT_SUPPORTED_ERR 的 DOMException 例外。
說明
此方法將建立新的事件類型,該類型由參數 eventType 指定。請注意,該參數的值不是要建立的事件介面的名稱,而是定義那個介面的 DOM 模組的名稱。
下表列出了eventType 的合法值和每個值所建立的事件介面:
參數事件介面初始化方法
HTMLEvents HTMLEvent iniEvent()
MouseEvents HTMLEvent iniv() MouseEvents HTMLEvent iniv() MouseEvents HTMLEvent[ )
UIEvents UIEvent iniUIEvent()
用此方法建立了Event 物件以後,必須用上表所示的初始化方法初始化物件。關於初始化方法的詳細信息,請參閱 Event 物件參考。
該方法實際上不是由 Document 介面定義的,而是由 DocumentEvent 介面定義的。如果一個實作支援 Event 模組,那麼 Document 物件就會實作 DocumentEvent 介面並支援該方法。