要使用JavaScript處理鍵盤事件,您需要首先為要觸發事件的元素(例如:document
、window
或特定按鈕)添加事件監聽器。然后,在事件監聽器的回調函數中,您可以使用事件對象來獲取按鍵信息并執行相應的操作。
以下是一個簡單的示例,演示了如何在document
上處理鍵盤事件(當按下任意鍵時):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Keyboard Event Example</title>
</head>
<body>
<h1>按下任意鍵</h1>
<script>
// 為 document 添加鍵盤事件監聽器
document.addEventListener('keydown', handleKeyboardEvent);
function handleKeyboardEvent(event) {
// 獲取按鍵信息
const keyCode = event.keyCode;
const keyName = event.key;
// 在控制臺輸出按鍵信息
console.log(`按鍵編碼: ${keyCode}, 按鍵名稱: ${keyName}`);
}
</script>
</body>
</html>
在這個示例中,我們為document
添加了一個keydown
事件監聽器,并在回調函數handleKeyboardEvent
中獲取了按鍵的編碼和名稱。每當按下任意鍵時,這些信息將被輸出到瀏覽器的控制臺。
您可以根據需要修改此示例,以便在按下特定鍵時執行所需的操作。例如,您可以更改handleKeyboardEvent
函數,以便在按下“Enter”鍵時顯示一個提示框。