jQuery ontextchange的作用是用于檢測文本框的內容是否發生變化并執行相應的動作。這種功能在很多情況下都很有用,比如實時搜索等。
$(document).ready(function(){ $("#search").on("input", function(){ // 獲取輸入框的值 var inputVal = $(this).val(); // 判斷輸入框的值是否發生變化 if(inputVal != $(this).data("oldVal")){ // 如果發生變化,執行相應的動作 console.log("input value has changed"); } // 保存當前輸入框的值 $(this).data("oldVal", inputVal); }); });
以上代碼中,我們使用了jQuery的on方法來監聽當前輸入框的“input”事件,這個事件會在用戶輸入或刪除字符時觸發。然后,我們獲取輸入框的值并判斷其是否和之前的值不一樣。如果不一樣,就執行我們所需要的動作。
要注意的是,當用戶粘貼或剪切文本時,onchange事件可能不會觸發。因此,我們需要使用ontextchange事件來確保我們能夠捕獲到所有的文本變化。