| onload | onmousedown | onmousemove | onmouseout |
| onmouseover | onmouseup | onreset | onresize |
| onscroll | onselect | onsubmit | onunload |
使用這些特徵時，可以用 window.handler；也可以省略 window，直接用 handler。一般的用法是：
window.handler=函式位置
使用此法，一個事件只能設定一個操控器。可以改用 addEventListener，可以在一個事件加上多個操控器。
在 Firefox, Safari, Chrome 呼用事件操控器函式時，會將 event 物件放在第一個參數；在 IE 不會如此作。下面範例中，用指令 e = e || window.event 確保取得 event 物件。
事件操控器通常也可用在 HTML 元素。
在視窗下載網頁文件時，會啟動此事件操控器。
<script type='text/javascript'>
function onloadHd(e)
{
var e = e || window.event;
window.onload=null;
alert('下載 '+e);
}
window.onload=onloadHd;
</script>
用戶在視窗點擊滑鼠左鍵或右鍵，會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onmousedown；在 IE 必須使用 document.body.onmousedown。可加在 HTML 元素上使用，請參考 onmousedown。
可由 event 物件檢查是哪一鍵被點擊及其座標。event.button 的值，Firefox, Safari, Chrome 的定義：
- 0：左鍵。
- 1：中鍵，多已改為滾輪。
- 2：右鍵。
event.button 的值，IE 的定義：
- 0：沒有按。
- 1：左鍵。
- 2：右鍵。
- 3：兩鍵同時按。
- 4：中鍵。
event.screenX, event.screenY 放滑鼠點擊座標，以螢幕之左上角為原點 (0,0)。
event.clientX, event.clientY 放滑鼠點擊座標，以瀏覽器的展現區之左上角為原點。可以將瀏覽器變小，就可以看出與上面的差異。
- 程式用法：
<script type='text/javascript'>
function onmousedownHd(e)
{
var e = e || window.event;
onmousedownSet(null);
alert('滑鼠 '+ e.button +' / '+
e.clientX +','+ e.clientY +' / '+
e.screenX +','+ e.screenY);
}
function onmousedownSet(hd)
{
if( window.outerWidth == undefined )
document.body.onmousedown=hd;
else
onmousedown=hd;
}
</script>
<a href='javascript:onmousedownSet(onmousedownHd)'>設定操控器</a> - 執行結果：
用戶在視窗移動滑鼠，會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onmousemove；在 IE 必須使用 document.body.onmousemove。可加在 HTML 元素上使用，請參考 onmousemove。
- 程式用法：
<script type='text/javascript'>
function onmousemoveHd(e)
{
var e = e || window.event;
var o=document.getElementById('mvtext');
o.value=e.button +' / '+
e.clientX +','+ e.clientY +' / '+
e.screenX +','+ e.screenY;
}
function onmousemoveSet(hd)
{
if( window.outerWidth == undefined )
document.body.onmousemove=hd;
else
onmousemove=hd;
}
</script>
<a href='javascript:onmousemoveSet(onmousemoveHd)'>設定操控器</a> //
<a href='javascript:onmousemoveSet(null)'>清除操控器</a><br />
<input id='mvtext' size=32> - 執行結果：
移動滑鼠發生移出事件，會啟動此操控器。在 Firefox, Safari, Chrome 可以用 window.onmouseout；在 IE 必須使用 document.body.onmouseout。可加在 HTML 元素上使用，請參考 onmouseout。如果一個元素宣告了 onmouseout，則所謂的移出，並不是純指外在大範圍的移出此元素；如果此元素內有子元素，移入子元素的範圍，也會產生移出事件。
- 程式用法：
<script type='text/javascript'>
function onmouseoutHd(e)
{
var e = e || window.event;
var o=document.getElementById('outtext');
o.value=e.button +' / '+
e.clientX +','+ e.clientY +' / '+
e.screenX +','+ e.screenY;
}
function onmouseoutSet(hd)
{
if( window.outerWidth == undefined )
document.body.onmouseout=hd;
else
window.onmouseout=hd;
}
</script>
<a href='javascript:onmouseoutSet(onmouseoutHd)'>設定操控器</a> //
<a href='javascript:onmouseoutSet(null)'>清除操控器</a><br />
<input id='outtext' size=32> - 執行結果：
滑鼠移入視窗，會啟動此操控器。在 Firefox, Safari, Chrome 可以用 window.onmouseover；在 IE 必須使用 document.body.onmouseover。可加在 HTML 元素上使用，請參考 onmouseover。在父元素或子元素之間進出，都會產生移入移出事件。
- 程式用法：
<script type='text/javascript'>
function onmouseoverHd(e)
{
var e = e || window.event;
var o=document.getElementById('ovtext');
o.value=e.button +' / '+
e.clientX +','+ e.clientY +' / '+
e.screenX +','+ e.screenY;
}
function onmouseoverSet(hd)
{
if( window.outerWidth == undefined )
document.body.onmouseover=hd;
else
window.onmouseover=hd;
}
</script>
<a href='javascript:onmouseoverSet(onmouseoverHd)'>設定操控器</a> //
<a href='javascript:onmouseoverSet(null)'>清除操控器</a><br />
<input id='ovtext' size=32> - 執行結果：
用戶在視窗按滑鼠左鍵或右鍵，放開時，會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onmouseup；在 IE 必須使用 document.body.onmouseup。可加在 HTML 元素上使用，請參考 onmouseup。
- 程式用法：
<script type='text/javascript'>
function onmouseupHd(e)
{
var e = e || window.event;
onmouseupSet(null);
alert('滑鼠 '+ e.button +' / '+
e.clientX +','+ e.clientY +' / '+
e.screenX +','+ e.screenY);
}
function onmouseupSet(hd)
{
if( window.outerWidth == undefined )
document.body.onmouseup=hd;
else
window.onmouseup=hd;
}
</script>
<a href='javascript:onmouseupSet(onmouseupHd)'>設定操控器</a> - 執行結果：
當用戶點選重設（<input type='reset'>）時，會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onreset；在 IE 必須使用於 <form> 元素。
- 程式用法：
<script type='text/javascript'>
function onresetHd(e)
{
var e = e || window.event;
onresetSet(null);
alert('重設 '+ e);
}
function onresetSet(hd)
{
if( window.outerWidth == undefined )
document.getElementById('fm').onreset=hd;
else
window.onreset=hd;
}
</script>
<a href='javascript:onresetSet(onresetHd)'>設定操控器</a>
<form id='fm'>
<input type="reset" value="重設" />
</form> - 執行結果：
改變視窗大小時，會啟動此事件操控器。
- 程式用法：
<script type='text/javascript'>
function onresizeHd(e)
{
var e = e || window.event;
onresizeSet(null);
alert('改變大小 '+ e);
}
function onresizeSet(hd)
{
window.onresize=hd;
}
</script>
<a href='javascript:onresizeSet(onresizeHd)'>設定操控器</a> - 執行結果：
- Firefox, Safari, Chrome 成功；IE 失敗。
捲動視窗時，會啟動此事件操控器。
- 程式用法：
<script type='text/javascript'>
function onscrollHd(e)
{
var e = e || window.event;
onscrollSet(null);
alert('捲動 '+ e);
}
function onscrollSet(hd)
{
window.onscroll=hd;
}
</script>
<a href='javascript:onscrollSet(onscrollHd)'>設定操控器</a> - 執行結果：
在 <input> 或 <textarea> 中用滑鼠選文字，會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onselect；在 IE 必須使用於輸入元素。
- 程式用法：
<script type='text/javascript'>
function onselectHd(e)
{
var e = e || window.event;
onselectSet(null);
alert('選文字 '+ e);
}
function onselectSet(hd)
{
if( window.outerWidth == undefined )
document.getElementById('seltext').onselect=hd;
else
window.onselect=hd;
}
</script>
<a href='javascript:onselectSet(onselectHd)'>設定操控器</a> //
<input id='seltext' size='24' value='選此文字' /> - 執行結果：
設定操控器 //
當用戶點選送出（<input type='submit'>）時，會啟動此事件操控器。在 Firefox, Safari, Chrome 可以用 window.onsubmit；在 IE 必須使用於 <form> 元素。操控器函式回傳 false 可以停止系統預設的操控器。
- 程式用法：
<script type='text/javascript'>
function onsubmitHd(e)
{
var e = e || window.event;
onsubmitSet(null);
alert('送出 '+ e);
return false;
}
function onsubmitSet(hd)
{
if( window.outerWidth == undefined )
document.getElementById('sufm').onsubmit=hd;
else
window.onsubmit=hd;
}
</script>
<a href='javascript:onsubmitSet(onsubmitHd)'>設定操控器</a>
<form id='sufm'>
<input type="submit" value="送出" />
</form> - 執行結果：
下例中，先點選設定操控器，再點瀏覽器的重載（reload）或下載其它網頁，就會啟動事件。
- 程式用法：
<script type='text/javascript'>
function onunloadHd(e)
{
var e = e || window.event;
window.onunload=null;
alert('離開 '+e);
}
function onunloadSet(hd)
{
window.onunload=hd;
}
</script>
<a href='javascript:onunloadSet(onunloadHd)'>設定操控器</a> - 執行結果：
