Question

  window.addEventListener('keydown',function keydown_f(e){
    if(e.code === 'ArrowDown') {
      window.removeEventListener('keydown',keydown_f);
      // do something
      setTimeout(2000,function(){
        window.addEventListener('keydown',keydown_f);
      });
    }
    else if (e.code === 'ArrowUp') {
      window.removeEventListener('keydown',keydown_f);
      // do something
      setTimeout(2000,function(){
        window.addEventListener('keydown',keydown_f);
      });
    }
  });

我使用上面的代码每2秒捕获一次keydown事件。我认为它不会起作用，因为当2000ms之后事件监听器被添加回来（第6行和第13行）时，它没有指定它获得的参数，就像在第一行我写的那样

  window.addEventListener('keydown',function keydown_f(){  //without "e"

这应该会触发像

这样的错误

未捕获的ReferenceError：未定义e

但实际上代码是有效的，我不明白为什么当添加回侦听器时它识别e而不指定e作为参数？

Answer 1

因为是你设置＆＃34;函数keydown_f＆＃34;的上下文，所以可以访问：

   if(e.code === 'ArrowDown') {
  window.removeEventListener('keydown',keydown_f);
  // do something
  setTimeout(2000,function(){
    window.addEventListener('keydown',keydown_f);
  });
}
else if (e.code === 'ArrowUp') {
  window.removeEventListener('keydown',keydown_f);
  // do something
  setTimeout(2000,function(){
    window.addEventListener('keydown',keydown_f);
  });
}

这是在范围内。

功能本身＆＃34; keydown_f＆＃34;需要一个参数---＆＃34; e＆＃34;。所以，当你调用它时，让我们说：window.addEventListener（＆＃39; keydown＆＃39;，keydown_f）;

＆＃34;事件＆＃34;过去了。

基本上，＆＃34; addEventListener＆＃34;抓住这个：＆＃34; keydown_f＆＃34;，然后这样做：＆＃34; keydown_f（事件）＆＃34;

想到＆＃34; keydown_f＆＃34;作为回调，这是一个回调。＆＃34;的addEventListener＆＃34;使用该功能，＆＃34;称之为＆＃34;并传递其参数=事件。

传递事件侦听器的参数

1 个答案: