js监听文本框内容变化

js监听文本框内容变化

原理很简单，就是在外部先声明一个用来记录input值的变量，然后每0.1秒比较这个值与input的值，如果发生改变，则运行自己的代码，同时改变变量。从而实现对input值改变的监听。

两段代码都应该可以是一样的

1.

var tValue;
setInterval(function(event){
    if(tValue !=document.getElementById("txt").value){

        //这里写自己的业务逻辑代码
        tValue =document.getElementById("txt").value;
    }
},100);

 

2.

checkCodeContChange();

var codeValOld;
function checkCodeContChange(){
    codeValOld = codeBox.val();
    setInterval(function(){
        var codeValNew  = $(".inputClass").val();
        if (codeValOld == codeValNew){
　　　　　　//自己的业务逻辑代码
　　　　}

        codeValOld = codeValNew;
    },100);
}