event：特徵三節

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

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

event 的特徵

currentTarget

內存事件的目標。 <span onmouseup='alert( event.currentTarget.innerHTML )' style='color:red'>用滑鼠點此</span>

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

eventPhase

內存事件正在演算的階段。其值為下例中的三個常數。 <script type='text/javascript'> document.write( Event.CAPTURING_PHASE +' // '+ Event.AT_TARGET +' // '+ Event.BUBBLING_PHASE ); </script> <br /> <span onmouseup='alert( event.eventPhase )' style='color:red'>用滑鼠點此</span>

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

explicitOriginalTarget

內存事件的直接之原目標。限 Firefox 使用。 <span onmouseup='alert( event.explicitOriginalTarget.textContent )' style='color:red'>用滑鼠點此</span>

originalTarget

內存事件的原目標。限 Firefox 使用。 <span onmouseover='alert( event.originalTarget.innerHTML )' style='color:red'>滑鼠移入此</span>

relatedTarget

內存事件的次目標。 <span onmouseout='alert( event.relatedTarget )' style='color:red'>滑鼠移出此</span>

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

target

內存事件的目標。 <span onclick='alert( event.target.innerHTML )' style='color:red'>滑鼠點此</span>

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

timeStamp

內存事件發生的時間。 <span onclick='alert( Date(event.timeStamp) )' style='color:red'>滑鼠點此</span>

type

內存事件的名稱。 <span onmousedown='alert( event.type )' style='color:red'>滑鼠點此</span>

view

內存產生事件的抽象視區。在瀏覽器中，就是 window 物件。 <span onmousedown='alert( event.view )' style='color:red'>滑鼠點此</span>

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