element：操控器二頁

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

element 的操控器

onclick

用滑鼠左鍵點擊元件，會啟動此事件操控器。 <script type='text/javascript'> function onclickHd(e) { e = e || window.event; onclickSet( null ); alert( e.screenX +'/'+ e.screenY ); } function onclickSet(hd) { document.getElementById('clk').onclick=hd; } </script> <a href='javascript:onclickSet(onclickHd)'> 請先設定操控器</a>, <span id='clk' style='background:red'>再點擊我</span>

oncontextmenu

用滑鼠右鍵點擊元素，會啟動此事件操控器。操控器傳回 false，可以取消預設的選單。。 <script type='text/javascript'> function oncontextmenuHd(e) { e = e || window.event; oncontextmenuSet( null ); alert( e.screenX +'/'+ e.screenY ); return false; } function oncontextmenuSet(hd) { document.getElementById('ctm').oncontextmenu=hd; } </script> <a href='javascript:oncontextmenuSet(oncontextmenuHd)'> 請先設定操控器</a> <div id='ctm' style='width:200px; height:60px; background:red'> 再用滑鼠右鍵點擊我</div>

ondblclick

用滑鼠左鍵雙點擊元件，會啟動此事件操控器。 <script type='text/javascript'> function ondblclickHd(e) { e = e || window.event; ondblclickSet( null ); alert( e.screenX +'/'+ e.screenY ); } function ondblclickSet(hd) { document.getElementById('clk2').ondblclick=hd; } </script> <a href='javascript:ondblclickSet(ondblclickHd)'> 請先設定操控器</a>, <span id='clk2' style='background:red'>再快點我兩下</span>

onmousedown

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

onmousemove

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

onmouseout

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

onmouseover

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

onmouseup

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

onscroll

捲動元件，會啟動此事件操控器。 <script type='text/javascript'> function onscrollHd(e) { e = e || window.event; onscrollSet( null ); alert( '捲動' ); } function onscrollSet(hd) { document.getElementById('scl').onscroll=hd; } </script> <a href='javascript:onscrollSet(onscrollHd)'> 請先設定操控器</a> <pre id='scl' style='width:120px; height:80px; overflow:auto; background:red'> 新遊戲, 遊戲橘子, 遊戲小百合 線上遊戲, 遊戲天堂, 好玩遊戲 精靈樂章, game online, flash game, </pre>