监听通过JS改变的文本值

最新推荐文章于 2021-06-14 13:04:43 发布

最新推荐文章于 2021-06-14 13:04:43 发布 · 371 阅读

文章标签：

#监听JS设值

Web前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的输入框内容变化监听方法。通过设置定时器和绑定事件，可以实时监测输入框内的数据变动，并在发生变化时弹出提示。针对不同浏览器特性，采取了兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="jquery.js"></script>

<script>
		var listenedObjs = {}; //被监听的对象
		var timers = {}; //监听定时器
		function listen(id){ //监听指定元素
			listenedObjs[id]=$("#"+id).val(); 
			timers[id] = setInterval("changedEvent('"+id+"')",100); 
		} 
	
		function changedEvent(id){ 
			if($("#"+id).val() != listenedObjs[id]){ 
				listenedObjs[id] = $("#"+id).val(); 
				alert(listenedObjs[id]);
			} 
		} 
	
		$(function(){
			if(!-[1,]){//IE浏览器使用propertychange监听
				$("#testInput").bind("propertychange", function(){
					alert($(this).val());
				});
			}else{//其他浏览器注册监听
				listen("testInput");
			}
		})
		
		function changeTextValue(){
			$('#testInput').val(new Date());
		}

</script>
<div id="msg"></div> 
<input id="testInput" size="35"/>
<input type="button" value="点击改变文本框的值" onclick="changeTextValue();"/>