在網站前端設計時，通過鍵盤來控制頁面狀态的變化，比如up,down,pageUp,pageDown等來進行網站的滾動。目前，html5的發展帶來了新的遊戲體驗，是以按鍵操作必不可少。
1.監聽滑鼠按鍵。
任何按鍵操作必然有個監聽者和響應者，是以滑鼠按鍵也不例外。在js事件操作中,onMousedown用來監聽滑鼠按鍵操作。
js判斷滑鼠左、中、右鍵哪個被點選-柯樂義
function mouseClick(event)
{
var mouseBtnNo = event.button;
if (mouseBtnNo==2)
{
alert("您點選了滑鼠右鍵！")
}
else if(mouseBtnNo==0)
{
alert("您點選了滑鼠左鍵！")
}
else if(mouseBtnNo==1)
{
alert("您點選了滑鼠中鍵！");
}
else
{
alert("您點選了" + mouseBtnNo+ "号鍵，我不能确定它的名稱，你可測試一下");
}
}
請在文檔中點選滑鼠。一個消息框會提示出您點選了哪個滑鼠按鍵。
2.監聽鍵盤按鍵
function keyDown() {
var value= event.keyCode
var key = String.fromCharCode(event.keyCode)
alert " 鍵: " + key + "值: " + value )
}
// document.onkeydown = keyDown;
//document.body[0].onKeydown = keyDown;
document.getElementById('canvas').onKeyDown = keyDown;
主流應用範圍：在html5中，使用按鍵來控制遊戲中精靈，背景等元素的移動。
try doing it;