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

最新推荐文章于 2022-11-29 11:44:38 发布

SSSDNSY

最新推荐文章于 2022-11-29 11:44:38 发布

阅读量291

点赞数

文章标签： javascript js vue jquery python

本文链接：https://blog.csdn.net/pzh7362/article/details/121918276

版权

思路：通过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>

SSSDNSY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实时监听 JavaScript改变 input 值 input输入框内容 value 变化实时监听

思路：通过setInterval()方法去定时对比新旧值当时候JavaScript的onchange 和onpropertychange(注意ie版本) 监听输入框input时间，人为改变值是可以触发这2个事件的，但是一旦js去改变了就不能实时监听值得改变<!DOCTYPE html><html><head> <meta charset="...
复制链接

扫一扫