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事件来确保我们能够捕获到所有的文本变化。