思路:通过setInterval()方法去定时对比新旧值
当时候JavaScript的onchange 和onpropertychange(注意ie版本) 监听输入框input时间,人为改变值是可以触发这2个事件的,但是一旦js去改变了就不能实时监听值得改变
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script>
</head>
<body>
<input value="123" id="myInput" />
</body>
<script >
$(function(){
var value=$("#myInput").val()
setInterval(function(){
/**
*1、隔200ms比较一次值
*2、注意JavaScript == 和===的区别
*3、三目运算符 ?: 可以接函数调用
*/
value === $("#myInput").val() ? doSomething() : console.log("changed !!!"),
value=$("#myInput").val();
},200)
setInterval(function(){//仅仅为了模拟JavaScript改变了值
$("#myInput").val("123123");
},2000)
function doSomething(){
console.log("no changed !!!")
}
});
</script>
</html>