當事件發生時,會動態產生一個 event 物件,事件操控器可以由此物件讀取事件的資訊。
內存事件的目標。
- 程式用法:
<span onmouseup='alert( event.currentTarget.innerHTML )'
style='color:red'>用滑鼠點此</span> - 執行結果:
用滑鼠點此
- IE 無此項;Firefox, Safari, Chrome 有支援。
內存事件正在演算的階段。其值為下例中的三個常數。
- 程式用法:
<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> - 執行結果:
1 // 2 // 3
用滑鼠點此
- IE 無此項;Firefox, Safari, Chrome 有支援。
內存事件的直接之原目標。限 Firefox 使用。
- 程式用法:
<span onmouseup='alert( event.explicitOriginalTarget.textContent )'
style='color:red'>用滑鼠點此</span> - 執行結果:
用滑鼠點此
內存事件的原目標。限 Firefox 使用。
- 程式用法:
<span onmouseover='alert( event.originalTarget.innerHTML )'
style='color:red'>滑鼠移入此</span> - 執行結果:
滑鼠移入此
內存事件的次目標。
- 程式用法:
<span onmouseout='alert( event.relatedTarget )'
style='color:red'>滑鼠移出此</span> - 執行結果:
滑鼠移出此
- IE 無此項;Firefox, Safari, Chrome 有支援。
內存事件的目標。
- 程式用法:
<span onclick='alert( event.target.innerHTML )'
style='color:red'>滑鼠點此</span> - 執行結果:
滑鼠點此
- IE 無此項;Firefox, Safari, Chrome 有支援。
內存事件發生的時間。
- 程式用法:
<span onclick='alert( Date(event.timeStamp) )'
style='color:red'>滑鼠點此</span> - 執行結果:
滑鼠點此
內存事件的名稱。
- 程式用法:
<span onmousedown='alert( event.type )'
style='color:red'>滑鼠點此</span> - 執行結果:
滑鼠點此
內存產生事件的抽象視區。在瀏覽器中,就是 window 物件。
- 程式用法:
<span onmousedown='alert( event.view )'
style='color:red'>滑鼠點此</span> - 執行結果:
滑鼠點此
- IE 無此項;Firefox, Safari, Chrome 有支援。