» 首頁 » 討論區 » PHP與網頁技術 »Javascript的Event事件(取得滑鼠座標與鍵盤值)

Javascript的Event事件(取得滑鼠座標與鍵盤值)

發表人: Seachaos
積分: 2432
發表時間: 2010-02-23 12:30:54
Javascript可以透過Event物件來取得滑鼠或是按鍵的動作

不過event在FireFox底下有個問題,就是必須透過函數的傳遞才可以操作,在IE底下event沒這問題

以下是FireFox與IE都可以通用的解決範例
(示範如何用Javascript取得滑鼠座標和鍵盤按鍵)

[quote]
<script>
    function mouse(e){
        alert(e.clientX);
    }
    function key(e){
        alert(e.keyCode);
    }
</script>
<input type="button" onmousedown="mouse(event);" value="Test" /><br />
<input type="input" onkeydown="key(event)" />
[/quote]

透過click之類傳遞過來的event事件有下列屬性

e.button
    0是滑鼠左鍵
    1是滑鼠中鍵
    2是滑鼠右鍵
e.clientX 和 e.clientY
    取得滑鼠座標的X和Y軸


透過keydown之類傳遞過來的event事件有以下列屬性

e.keyCode
    取得鍵盤的ASCII值