Javascript - 检查按键是否在 5 秒内被按下两次

标签 javascript jquery

我想检查是否在 5 秒内按了两次 Enter 键并执行某些操作。 如何检查在给定时间内按键是否被按下一次或两次并执行不同的操作。

这是我的代码:

<h1 id="log">0</h1>
<br/>
<span id="enteredTime">0</span>

<script>
$(document).keypress(function(e) {
    if(e.which == 13){
        var element = $("#log");
        var timeDifference = 0;

        //Log the timestamp after pressing Enter
        $("#enteredTime").text(new Date().getTime());

        //Check if enter was pressed earlier
        if ($("#enteredTime").text() !== "0") {
            var now = new Date().getTime();
            var previous = $("#enteredTime").text();
            difference = now - previous;
        }
        //Check if enter was pressed only once within 5 secs or more
        if(){
            $("#log").text("Once");
            $("#enteredTime").text("0");
        //Check if enter was pressed twice in 5 secs
        }else{
             $("#log").text("Twice in less than 5 secs");
             $("#enteredTime").text("0");
        }

    }

});
</script>

http://jsfiddle.net/Rjr4g/

谢谢!

最佳答案

类似的东西

var start=0;
$(document).keyup(function(e) {
    if(e.keyCode == 13) {
        elapsed = new Date().getTime();
        if(elapsed-start<=5000){
           //do something;
        }
        else{
            //do something else;
        }
        start=elapsed;
    }


});

关于Javascript - 检查按键是否在 5 秒内被按下两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23820862/

相关文章:

javascript - jquery.kyco.googleplusfeed.min.js 未缩小的源代码

javascript - 在不干扰原始数组的情况下从数组中提取最后 n 个元素

javascript - 如何从javascript中的数组和对象比较中过滤值?

javascript - 通过 Wordpress Divi 主题代码模块为图像内部的图像设置动画

javascript - 如何获取动态数据到 nvd3 图表

jquery - jquery 插件中 ie 8 和 ie 7 中的阴影问题

javascript - 在 Knockout JS 中的何处使用属性或函数

javascript - 将弹出窗口/信息提示/工具提示显示为悬停特定文本

php - 使用 jQuery 计算 keyup 的值

javascript - 在 jquery 中只选择一个类