Javascript的Event事件(取得滑鼠座標與鍵盤值)
發表人:
Seachaos
積分: 2432
積分: 2432
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值
不過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值