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