问题描述:
页面显示点击输入框后弹出选择内容的页面,选择后将选择的 text和value 分别放入显示输入框中和隐藏的输入框中。
显示 结构如下:
![2021-04-23[input]js监听input的值变化问题,及setInterval,setTimeout](https://img.niaorui.com/blogimg/20251228/92b763f9a0dd4d19876d13bb56cbcbf0.jpg)
![2021-04-23[input]js监听input的值变化问题,及setInterval,setTimeout](https://img.niaorui.com/blogimg/20251228/544050b299e4486db99deaab45cde566.jpg)
目前需求是:当隐藏的输入框值改变时,将其在控制台打印,且通过此值进行其他操作。
使用 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的区别;
![2021-04-23[input]js监听input的值变化问题,及setInterval,setTimeout](https://img.niaorui.com/blogimg/20251228/7596f5a1966b45b08cad4709034ab821.jpg)
![2021-04-23[input]js监听input的值变化问题,及setInterval,setTimeout](https://img.niaorui.com/blogimg/20251228/80fa0ef971a94b63a8ccb9fa882d612c.jpg)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...

