淘先锋技术网

首页 1 2 3 4 5 6 7

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