< p >JavaScript的change函數是一種監聽事件，它可以在特定的元素值發生改變時執行相應的操作。這個函數通常用于表單輸入框、下拉菜單等元素上，當用戶選擇或輸入新的選項時，就會觸發這個事件。< /p>< p >例如，當用戶在一個文本框中輸入新的內容后，我們可以將輸入的內容展示在頁面上，或者利用這個函數來驗證用戶輸入是否符合要求。舉個例子，如果我們想讓用戶在輸入郵箱時自動檢查輸入格式是否正確，就可以使用change函數來實現。< /p>

const emailInput = document.getElementById("email-input");  emailInput.addEventListener("change", function() {    const emailValue = emailInput.value;    const emailFormat = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;    if (!emailValue.match(emailFormat)) {      alert("郵箱格式不正確！");      emailInput.focus();    }  });< /pre>< p >在上面的代碼中，我們首先獲取到頁面上ID為“email-input”的元素，并在它上面添加一個監聽器，當用戶輸入完內容并光標離開這個文本框時，就會觸發change事件。在事件處理程序中，我們獲取用戶輸入的值，并利用正則表達式判斷它是否符合正確的郵箱格式。如果不符合，就彈出一個對話框提示用戶重新輸入，并將光標聚焦到這個文本框上。< /p>< p >除此之外，change函數還可以用于下拉菜單的選擇事件。比如說，我們可以在一個下拉菜單中列出不同的選項，然后在用戶選擇不同的選項時，執行不同的操作。以下是一個簡單的例子：< /p>
const selectBox = document.getElementById("select-box");  selectBox.addEventListener("change", function() {    const selectedValue = selectBox.value;    switch(selectedValue) {      case "option1":        console.log("您選擇了第一個選項");        break;      case "option2":        console.log("您選擇了第二個選項");        break;      case "option3":        console.log("您選擇了第三個選項");        break;      default:        break;    }  });< /pre>< p >在上面的代碼中，我們獲取到一個ID為“select-box”的下拉菜單元素，并添加了一個change監聽器。當用戶選擇了不同的選項時，我們可以通過獲取該選項的值來執行相應的操作。在這個例子中，我們使用switch語句來區分不同的選項，并在控制臺輸出不同的提示信息。< /p>< p >總之，JavaScript的change函數可以讓我們更加方便、快捷地響應用戶行為，并在用戶輸入的數據中實現自動驗證、過濾等功能。無論是表單輸入框還是下拉菜單，它都是處理用戶交互的重要工具之一。< /p>