DOM基礎教程之事件類型_基礎知識

對於使用者事件類型而言，最常用的是滑鼠、鍵盤、瀏覽器。

1.老鼠事件：

滑鼠的事件都常使用，下面例子就測試各種滑鼠事件

複製程式碼 程式碼如下:

       

           

                box內容
           

           

       

老鼠的鍵值button檢定（附對照表）

複製程式碼 程式碼如下:

       

           

       

2.鍵盤事件

鍵盤事件種類不多，只有三種事件。

keydown（按下某鍵，一直按住會持續觸發）

keypress（按下某鍵並產生字元時觸發，即忽略Shift、Alt，ctrl等功能鍵）

keyup（釋放某個鍵時觸發）

鍵盤監聽範例：

複製程式碼 程式碼如下:

       

            <br>            
           

       

對於鍵盤而言，最重要的不是事件的名稱，而是所按的是什麼鍵。由於ie沒有charCode屬性，而keyCode只有在keydown、keyup事件發生的時才與標準dom的keycode相同，

在keypress事件中等同於keycode，因此採用以下方法。

複製程式碼 程式碼如下:

oEvent.charCode = (oEvent.type == "🎜>

oEvent.charCode = (oEvent.type == "keypress")? oEvent.keycode:();

之所以不採用keyCode是因為它表示鍵盤按鍵，而不是輸出的字符，因此，輸出“a”和“A”，keycode是等值的，charcode則以字符區分。

另外在keypress中，標準dom的keycode值總是0；

範例：鍵盤事件的相關屬性：

複製程式碼

程式碼如下:

       

            <br>            
           

       

3.htm事件

對於瀏覽器而言，各種html有著自己的事件，有些也是使用者常接觸到的，例如load，error，select等，常用的html事件如下：

load事件是常用的事件之一，因為在頁面載入完成之前，dom的框架還沒有搭建完成，因此任何相關操作都不能發生。

分配window物件load，unload事件等同於

標記的onload和onunload方法。