event：特徵一節

特徵一節 | 特徵二節 | 特徵三節 | 方法一節 | 方法二節

altKey	charCode	ctrlKey	isChar
keyCode	metaKey	shiftKey	which
bubbles	cancelBubble	cancelable

當事件發生時，會動態產生一個 event 物件，事件操控器可以由此物件讀取事件的資訊。

event 的特徵

altKey

內存布林值，true 表示事件發生時， alt 鍵被按下。 按著 alt 鍵， <span onclick='alert( event.altKey )' style='color:red'>用滑鼠點此</span>

• 程式用法：

  按著 alt 鍵，
  <span onclick='alert( event.altKey )'
    style='color:red'>用滑鼠點此</span>
  

• 執行結果：

  按著 alt 鍵， 用滑鼠點此

charCode

內存鍵盤事件 onkeypress 產生的字母之獨角碼（Unicode），不含非字母鍵。不能用在 onkeydown, onkeyup。 試按不同鍵， <input onkeypress='alert( event.charCode )' size=12>

• 程式用法：

  試按不同鍵，
  <input onkeypress='alert( event.charCode )' size=12>
  

• 執行結果：

  試按不同鍵，

• IE 無此項；Firefox, Safari, Chrome 有支援。

ctrlKey

內存布林值，true 表示事件發生時， ctrl 鍵被按下。 按著 ctrl 鍵， <span onclick='alert( event.ctrlKey )' style='color:red'>用滑鼠點此</span>

• 程式用法：

  按著 ctrl 鍵，
  <span onclick='alert( event.ctrlKey )'
    style='color:red'>用滑鼠點此</span>
  

• 執行結果：

  按著 ctrl 鍵， 用滑鼠點此

isChar

內存布林值，true 表示事件發生產生一個字母。 試按不同鍵， <input onkeypress='alert( event.isChar )' size=12>

• 程式用法：

  試按不同鍵，
  <input onkeypress='alert( event.isChar )' size=12>
  

• 執行結果：

  試按不同鍵，

• IE, Safari, Chrome 無此項；Firefox 失誤。

keyCode

內存鍵盤事件 onkeydown, onkeyup 產生的獨角碼（Unicode），包括字母與非字母鍵，與 charCode 不同。不能用在 onkeypress。 試按不同鍵， <input onkeydown='alert( event.keyCode )' size=12>

• 程式用法：

  試按不同鍵，
  <input onkeydown='alert( event.keyCode )' size=12>
  

• 執行結果：

  試按不同鍵，

metaKey

內存布林值，true 表示事件發生時， meta 鍵被按下。 按著 meta 鍵， <span onclick='alert( event.metaKey )' style='color:red'>用滑鼠點此</span>

• 程式用法：

  按著 meta 鍵，
  <span onclick='alert( event.metaKey )'
    style='color:red'>用滑鼠點此</span>
  

• 執行結果：

  按著 meta 鍵， 用滑鼠點此

• IE 無此項；Firefox, Safari, Chrome 有支援。

shiftKey

內存布林值，true 表示事件發生時， shift 鍵被按下。 按著 shift 鍵， <span onclick='alert( event.shiftKey )' style='color:red'>用滑鼠點此</span>

• 程式用法：

  按著 shift 鍵，
  <span onclick='alert( event.shiftKey )'
    style='color:red'>用滑鼠點此</span>
  

• 執行結果：

  按著 shift 鍵， 用滑鼠點此

which

內存鍵盤事件產生的獨角碼，可用在 onkeydown, onkeyup, onkeypress。 試按不同鍵， <input onkeyup='alert( event.which )' size=12>

• 程式用法：

  試按不同鍵，
  <input onkeyup='alert( event.which )' size=12>
  

• 執行結果：

  試按不同鍵，

• IE 無此項；Firefox, Safari, Chrome 有支援。

bubbles

內存布林值，true 表示事件會在 DOM 向上傳遞。 <span onclick='alert( event.bubbles )' style='color:red'>用滑鼠點此</span>

• 程式用法：

  <span onclick='alert( event.bubbles )'
    style='color:red'>用滑鼠點此</span>
  

• 執行結果：

  用滑鼠點此

• IE 無此項；Firefox, Safari, Chrome 有支援。

cancelBubble

內存布林值，true 表示事件在 DOM 向上傳遞中被取消。 <span onclick='alert( event.cancelBubble )' style='color:red'>用滑鼠點此</span>

• 程式用法：

  <span onclick='alert( event.cancelBubble )'
    style='color:red'>用滑鼠點此</span>
  

• 執行結果：

  用滑鼠點此

cancelable

內存布林值，true 表示事件可以被取消。 <span ondblclick='alert( event.cancelable )' style='color:red'>用滑鼠雙擊此</span>

• 程式用法：

  <span ondblclick='alert( event.cancelable )'
    style='color:red'>用滑鼠雙擊此</span>
  

• 執行結果：

  用滑鼠雙擊此

• IE 無此項；Firefox, Safari, Chrome 有支援。