求助 js 问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 3646 天前的主题，其中的信息可能已经有所发展或是发生改变。

我想写一个小游戏
网页上监听按键：
window.addEventListener( "keypress", doKeyPress, false )

doKeyPress 函数大致就是移动网页上的元素，
但我想给这个移动加一点限速，
怎样在得到一个按键事件后就丢弃一定时间内的按键事件呢？

或者别的实现方法啊，

function keyPress(e) {
  console.log("sadfsdf")
  key = e.keyCode || e.which
  keychar = String.fromCharCode(key);
  switch (key) {
    //...
  }
}

function doKeyPress(e){
  return function(){
    keyPress(e);
  }
}

第 1 条附言 · 2014-12-01 12:59:36 +08:00

[解决方法]
按键事件本身也有时间戳，可以存一个变量，然后每次和 e.timeStamp 比较，
差不多就这样吧

7 条回复 • 2014-12-01 12:50:06 +08:00

luoweihua7sync

2014-11-30 22:07:50 +08:00

undersocre的debounce方法会给你思路

Tankpt

2014-11-30 22:12:36 +08:00

你可以这样试试

var a = null;

function doKeyPress(e){
if(!a){
a= setTimeout(function(){
clearTimeout(a);
a= null;
},200);
/*do press event*/
}
}

yaoyen0002

2014-11-30 22:22:40 +08:00

怎样在得到一个按键事件后就丢弃一定时间内的按键事件呢？

yaoyen0002

2014-11-30 22:24:30 +08:00

怎样在得到一个按键事件后就丢弃一定时间内的按键事件呢？
不好意思，刚点错快捷键直接发出去了。。
可以在按键后，存一个时间戳，之后的按键，都和这个时间戳对比一下间隔，小于你设定阙值的就啥都不干。。判断通过就刷新一下时间戳

pysama

2014-11-30 23:48:54 +08:00

@Tankpt 的思路是让用户的操作滞后特定时间执行

@yaoyen0002 的思路是特定时间内只执行一次（个人更倾向这种思路）

@luoweihua7sync 的建议不错，去看_的实现。话说你的头像真是：好坏的！！！

Tankpt

2014-12-01 09:49:41 +08:00

@pysama 嗯。然后在这个滞后时间内的所有操作都忽略。

althoughghgh

2014-12-01 12:50:06 +08:00

@yaoyen0002 @pysama
对哒，我仔细看了之后发现 kepress 事件本身也有一个时间戳的。。
可以用 e.timeStamp ,然后再存一个变量，每次比较一下