2021-04-23[input]js监听input的值变化问题,及setInterval,setTimeout

问题描述:
页面显示点击输入框后弹出选择内容的页面,选择后将选择的 text和value 分别放入显示输入框中和隐藏的输入框中。

显示 结构如下:

show1.png
show2.png

现在需求是:当隐藏的输入框值改变时,将其在控制台打印,且通过此值进行其他操作。

使用 jq, $.band("",function(){}) ,$.on('',function(){}),绑定 input、change 事件均失效。
最后使用 setInterval(fun,ms);实现监听,代码如下:

            var input = document.getElementById("provinces_cities_counties");
            var orgValue = input.value;
            //每 5 毫秒 监听一次,市县区值的变化。如有改变则通过 regioncode 获取毕业学校 --input、change 均不生效
            setInterval(function(){
                var v = input.value;
                if(v!=orgValue ){
                    orgValue =v;
                    console.log(orgValue);
                }
            },5);

附 setInterval() , setTimeout()
setInterval(function(),ms) 函数:每隔n毫秒执行一次function();
停止执行的方法是:
var timer=setInterval("function()",1000);
clearInterval(timer);
执行停止函数循环操作
setTimeout(function(),ms)函数;当n毫秒之后执行function()函数。这就是与setInterval的区别;


\color{#4285f4}{万}\color{#ea4335}{小}\color{#fbbc05}{乐}
2021年4月23日12:40

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容