触发功能只有一次按键?

时间:2019-04-10 18:52:24

标签: javascript html

我的页面上有一系列消息,一旦人们开始在文本区域中键入内容,这些消息就会由按键事件触发。但是,我无法弄清楚如何仅触发一次。由于人们输入的响应时间更长,因此每次按下一个键时,该函数便会运行:/

$(function() {
    $(document).on('keydown', function() {
        $('.three').delay(1000).fadeOut(1500);
        $('.four').delay(2500).fadeIn(1500).delay(2000).fadeOut(1500);
        $('.five').delay(7500).fadeIn(1500).delay(2000).fadeOut(1500);
        $('.6').delay(12500).fadeIn(1500).delay(2000).fadeOut(1500);
        $('.7').delay(17500).fadeIn(1500);
    });
});

1 个答案:

答案 0 :(得分:0)

使用“一个”代替“打开”。该事件仅处理一次。

$(function() {
        $(document).one('keydown', function() {
        $('.three').delay(1000).fadeOut(1500);
        $('.four').delay(2500).fadeIn(1500).delay(2000).fadeOut(1500);
        $('.five').delay(7500).fadeIn(1500).delay(2000).fadeOut(1500);
        $('.6').delay(12500).fadeIn(1500).delay(2000).fadeOut(1500);
        $('.7').delay(17500).fadeIn(1500);
    });
});

这里是参考:http://api.jquery.com/one/