实时监听 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>



免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM