此時我們可以利用javascrip的onkeydown事件來抓取使用者在瀏覽這張網頁時所按下的按鍵,
來做後續的處理.在這裡會介紹如何抓取到鍵盤的按鈕
1.抓取單一按鍵事件
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
</head>
<body>
<h2 align=center>鍵盤按鈕事件</h2>
<hr>
<script>
function keyFunction()
{
alert("Key code = " + event.keyCode +" button = " + event.button);
if (event.keyCode==8)
{
alert("Backspace 的內建功能已被取消!");
return false;
}
}
//設定onkeydown事件要執行的function
document.onkeydown=keyFunction;
</script>
<p>
Backspace 的功能已經被取消
<p>
</body>
</html>
2.抓取複合鍵事件
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
</head>
<body>
<h2 align=center>偵測複合鍵</h2>
<hr>
<script>
function keyFunction() {
alert("Key code = " + event.keyCode);
if ((event.shiftKey) && (event.keyCode!=16))
alert("Shift + "+event.keyCode);
if ((event.ctrlKey) && (event.keyCode!=17))
{
alert("Ctrl + "+event.keyCode+"功能取消");
return false;
}
if ((event.altKey) && (event.keyCode!=18))
alert("Alt + "+event.keyCode);
}
</script>
<script>document.onkeydown=keyFunction;</script>
<p>
請按下鍵盤任意複合鍵(先按 Shift 或 Ctrl 或 Alt 不放,再按任意鍵),以顯示按鍵代碼!
<hr>
</body>
</html>
沒有留言:
張貼留言