element：操控器一頁

特徵一頁 | 二頁 | 三頁 | 四頁 | 五頁
方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 八頁
操控器一頁 | 二頁 | 成員表

element 的操控器

在 Firefox, Safari, Chrome 呼用事件操控器函式時，會將 event 物件放在第一個參數；在 IE 不會如此作。下面範例中，用指令 e = e || window.event 確保取得 event 物件。

oncopy

複製文字時，會啟動此事件操控器。 <script type='text/javascript'> function oncopyHd(e) { e = e || window.event; oncopySet( null ); alert( document.getElementById('cpy').value ); } function oncopySet(hd) { document.getElementById('cpy').oncopy=hd; } </script> <a href='javascript:oncopySet(oncopyHd)'> 請先設定操控器</a> <input id='cpy' size=24 value='複製此文字'/>

oncut

剪下文字時，會啟動此事件操控器。 <script type='text/javascript'> function oncutHd(e) { e = e || window.event; oncutSet( null ); alert( document.getElementById('cut').value ); } function oncutSet(hd) { document.getElementById('cut').oncut=hd; } </script> <a href='javascript:oncutSet(oncutHd)'> 請先設定操控器</a> <input id='cut' size=24 value='剪下此文字'/>

onpaste

複製貼上文字時，會啟動此事件操控器。 <script type='text/javascript'> function onpasteHd(e) { e = e || window.event; onpasteSet( null ); alert( document.getElementById('pas').value ); } function onpasteSet(hd) { document.getElementById('pas').onpaste=hd; } </script> <a href='javascript:onpasteSet(onpasteHd)'> 請先設定操控器</a> <input id='pas' size=24 value='複製文字至此'/>

onblur

當元件失去聚焦，會啟動此事件操控器。只能用在輸入元素，可加在元素上使用，請參考 onblur。下例中，先點選設定操控器，然後點文字輸入欄，再移開焦點。 <script type='text/javascript'> function onblurHd(e) { e = e || window.event; onblurSet( null ); alert( document.getElementById('fun').value ); } function onblurSet(hd) { document.getElementById('fun').onblur=hd; } </script> <a href='javascript:onblurSet(onblurHd)'> 請先設定操控器</a> <input id='fun' size=24 value='好玩遊戲' />

onchange

當元件內容改變之後失去聚焦，會啟動此事件操控器。只能用在輸入元素。下例中，先點選設定操控器，然後在文字欄加點文字，再移開焦點。 <script type='text/javascript'> function onchangeHd(e) { e = e || window.event; onchangeSet( null ); alert( document.getElementById('chg').value ); } function onchangeSet(hd) { document.getElementById('chg').onchange=hd; } </script> <a href='javascript:onchangeSet(onchangeHd)'> 請先設定操控器</a> <input id='chg' size=24 value='小遊戲' />

onfocus

當元件獲得聚焦，會啟動此事件操控器。只能用在輸入元素，可加在元素上使用，請參考 ONFOCUS。 <script type='text/javascript'> function onfocusHd(e) { e = e || window.event; onfocusSet( null ); alert( document.getElementById('hvn').value ); } function onfocusSet(hd) { document.getElementById('hvn').onfocus=hd; } </script> <a href='javascript:onfocusSet(onfocusHd)'> 請先設定操控器</a> <input id='hvn' size=24 value='遊戲天堂' />

onkeydown

請參考 onkeydown 的說明，然後用在元素物件。

onkeypress

請參考 onkeypress 的說明，然後用在元素物件。

onkeyup

請參考 onkeyup 的說明，然後用在元素物件。