实时监听 JavaScript改变 input 值 input输入框内容 value 变化实时监听

思路：通过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>
posted @ 2019-03-28 11:35  言非言  阅读(3049)  评论(0)  编辑  收藏  举报