在 JavaScript 中，switch 語句通常用于根據變量的值執行不同的代碼塊。在事件處理程序中，switch 語句可以用于根據觸發事件的對象或屬性來執行不同的操作。
以下是一個簡單的示例，演示了如何在事件處理程序中使用 switch 語句：
HTML 代碼：
<!DOCTYPE html>
<html>
<head>
<title>Switch statement in event handler</title>
</head>
<body>
<button id="btn1">Button 1</button>
<button id="btn2">Button 2</button>
<button id="btn3">Button 3</button>
<script src="script.js"></script>
</body>
</html>
JavaScript 代碼 (script.js)：
document.addEventListener('DOMContentLoaded', function() {
const btn1 = document.getElementById('btn1');
const btn2 = document.getElementById('btn2');
const btn3 = document.getElementById('btn3');
btn1.addEventListener('click', function() {
handleClick('Button 1');
});
btn2.addEventListener('click', function() {
handleClick('Button 2');
});
btn3.addEventListener('click', function() {
handleClick('Button 3');
});
function handleClick(buttonId) {
switch (buttonId) {
case 'Button 1':
console.log('Button 1 clicked');
break;
case 'Button 2':
console.log('Button 2 clicked');
break;
case 'Button 3':
console.log('Button 3 clicked');
break;
default:
console.log('Unknown button clicked');
}
}
});
在這個示例中，我們為三個按鈕分別添加了點擊事件監聽器。當點擊某個按鈕時，會調用 handleClick 函數，并將被點擊的按鈕的 ID 作為參數傳遞。在 handleClick 函數中，我們使用 switch 語句根據傳入的按鈕 ID 執行相應的操作。
