淺談Javascript事件模擬

2024-05-06 14:21:39

字體：大中小

來源：轉載

供稿：網友

這就意味著會有適當的事件冒泡，并且瀏覽器會執行分配的事件處理程序。這種能力在測試web應用程序的時候，是非常有用的，在DOM 3級規范中提供了方法來模擬特定的事件，IE9 chrome FF Opera 和 Safari都支持這樣的方式，在IE8及以前的辦法的IE瀏覽器有他自己的方式來模擬事件
a)Dom 事件模擬
　　可以通過document上的createEvent()方法，在任何時候創建事件對象，此方法只接受一個參數，既要創建事件對象的事件字符串，在DOM2 級規范上所有的字符串都是復數形式，在DOM 3級事件上所有的字符串都采用單數形式，所有的字符串如下：
　　UIEvents：通用的UI 事件，鼠標事件鍵盤事件都是繼承自UI事件，在DOM 3 級上使用的是 UIEvent。
　　MouseEvents：通用的鼠標事件，在DOM 3 級上使用的是 MouseEvent。
　　MutationEvents：通用的突變事件，在DOM 3 級上使用的是 MutationEvent。
　　HTMLEvents：通用的HTML事件，在DOM3級上還沒有等效的。
注意，ie9是唯一支持DOM3級鍵盤事件的瀏覽器，但其他瀏覽器也提供了其他可用的方法來模擬鍵盤事件。
一旦創建了一個事件對象，就要初始化這個事件的相關信息，每一種類型的事件都有特定的方法來初始化，在創建完事件對象之后，通過dispatchEvent()方法來將事件應用到特定的dom節點上，以便其支持該事件。這個dispatchEvent()事件，支持一個參數，就是你創建的event對象。
b)鼠標事件模擬
　　鼠標事件可以通過創建一個鼠標事件對象來模擬（mouse event object），并且授予他一些相關信息，創建一個鼠標事件通過傳給createEvent（）方法一個字符串"MouseEvents"，來創建鼠標事件對象，之后通過iniMouseEvent()方法來初始化返回的事件對象，iniMouseEvent()方法接受15參數，參數如下：
　　type string類型：要觸發的事件類型，例如‘click'。
　　bubbles Boolean類型：表示事件是否應該冒泡，針對鼠標事件模擬，該值應該被設置為true。
　　cancelable bool類型：表示該事件是否能夠被取消，針對鼠標事件模擬，該值應該被設置為true。
　　view 抽象視圖：事件授予的視圖，這個值幾乎全是document.defaultView.
　　detail int類型：附加的事件信息這個初始化時一般應該默認為0。
　　screenX int類型：事件距離屏幕左邊的X坐標
　　screenY int類型：事件距離屏幕上邊的y坐標
　　clientX int類型：事件距離可視區域左邊的X坐標
　　clientY int類型：事件距離可視區域上邊的y坐標
　　ctrlKey Boolean類型：代表ctrol鍵是否被按下，默認為false。
　　altKey Boolean類型：代表alt鍵是否被按下，默認為false。
　　shiftKey Boolean類型：代表shif鍵是否被按下，默認為false。
　　metaKey Boolean類型：代表meta key 是否被按下，默認是false。

上一篇：Javascript的各種節點操作實例演示代碼

下一篇：jQuery $.get 的妙用訪問本地文本文件