光标停止输入后触发事件

最新推荐文章于 2024-03-07 11:00:19 发布

原创最新推荐文章于 2024-03-07 11:00:19 发布 · 3.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#停止输入后触发事件

js 专栏收录该内容

3 篇文章

订阅专栏

 <script>
var flag = 0;
var timer;
function openFlag () {
	timer = setTimeout(function(){
	flag = 1;
	manageData();
	}, 1000);
}
function closeFlag() {
	clearTimeout(timer);// 取消定时器
	flag = 0;
}
function manageData() {
   var inputValue=document.getElementById("myInput").value;
	if (flag==1) {
		document.getElementById("myInputX").value=inputValue;
		alert("恭喜您，测试成功！"+inputValue);
	}
	// 处理完成后，取消定时器，标志位变为0，避免没有按下键盘时，重复处理
	clearTimeout(timer); 
	flag==0;
}
</script>

 </HEAD>
 <BODY>
 	<table>
 		<tr>
 			<td>请输入：</td>
 			<td> <input type="text" id="myInput"  onkeyup="openFlag()" onkeydown="closeFlag()" /></td>
 		</tr>
 		<tr>
 			<td>1秒后，获取值：</td>
 			<td><input type="text" id="myInputX"/></td>
 		</tr>
 	</table>
 </BODY>