方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 八頁
操控器一頁 | 二頁 | 成員表
用滑鼠左鍵點擊元件，會啟動此事件操控器。
- 程式用法：
<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> - 執行結果：
請先設定操控器, 再點擊我
用滑鼠右鍵點擊元素，會啟動此事件操控器。操控器傳回 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> - 執行結果：再用滑鼠右鍵點擊我
用滑鼠左鍵雙點擊元件，會啟動此事件操控器。
- 程式用法：
<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 的說明，然後用在元素物件。
請參考 onmousemove 的說明，然後用在元素物件。
請參考 onmouseout 的說明，然後用在元素物件。
請參考 onmouseover 的說明，然後用在元素物件。
請參考 onmouseup 的說明，然後用在元素物件。
捲動元件，會啟動此事件操控器。
- 程式用法：
<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> - 執行結果：
新遊戲, 遊戲橘子, 遊戲小百合 線上遊戲, 遊戲天堂, 好玩遊戲 精靈樂章, game online, flash game,
