JQuery中change事件是一種用于用戶交互的事件,當文本輸入或選擇框發生變化時,瀏覽器會觸發這個事件。change事件通常用于實時更新頁面內容或向服務器發送請求。
下面是一個基本的change事件示例。在這個示例中,我們有一個文本輸入框和一個段落元素。每當用戶在文本框中輸入內容時,我們就可以實時顯示這個文本框的值。代碼如下:
<input type="text" id="myInput"> <p id="output"></p> <script> $(document).ready(function() { $("#myInput").change(function() { var inputVal = $('#myInput').val(); $('#output').text(inputVal); }); }); </script>
在這個示例中,我們使用JQuery的change方法來綁定事件處理程序。當文本框的值發生變化時,我們將其值賦給一個變量,并將其顯示在頁面上的段落元素中。
需要注意的是,change事件不會實時觸發,只有在用戶完成編輯并將焦點移出輸入框時才會觸發。如果你想實時更新頁面內容,你可以使用keyup或input事件,它們會在每次按鍵或輸入時都觸發。