Question

我有一个自定义CMS，并且想要添加一个“快捷键菜单”，这是通过按住Ctrl键两次触发，比如300毫秒。我使用原型，所以我的出发点显然是：

Event.observe(document, 'keypress', function(event)
  { if(event.keyCode == Event.KEY_XYZ) { show_shortcuts});

我现在的方法是用当前时间（以毫秒为单位）填充全局变量，并检查每个按键是否按键发生的时间少于300毫秒。

但也许有更优雅的解决方案？

Answer 1

这应该有效。如果没有同时按下Alt或Shift等其他键，也可以添加一些进一步的检查。希望它是自我解释的，如果不是只是问我，我提供澄清。

var dblCtrlKey = 0;
Event.observe(document, 'keydown', function(event) {
  if (dblCtrlKey != 0 && event.keyCode == 17) {
    alert("Ok double ctrl");
  } else {
    dblCtrlKey = setTimeout('dblCtrlKey = 0;', 300);
  }
});

Answer 2

function doubleControlEvent() {
  if (event.key === 'Control') {
  	timesCtrlClicked++
    if (timesCtrlClicked >= 2) {
      console.log('Double control')
      // Double Crtl is clicked add your code here
    }
    setTimeout(() => (timesCtrlClicked = 0), 200)
  }  
}

let timesCtrlClicked = 0;
document.addEventListener('keyup', doubleControlEvent, true)

在JS中检测双Ctrl按键

2 个答案: