光标停止输入后触发事件

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

John的WEB前端学习日记

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

阅读量2.1k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

87 篇文章 2 订阅

订阅专栏

 <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"  οnkeyup="openFlag()" οnkeydοwn="closeFlag()" /></td>  
        </tr>  
        <tr>  
            <td>1秒后，获取值：</td>  
            <td><input type="text" id="myInputX"/></td>  
        </tr>  
    </table>  
 </BODY>