打破$（document）.bind（'keydown'，function（e）{}）;功能

Question

$(document).ready(function(){ 
    $(document).bind('keydown',function(e){ 
     key = e.keyCode; 
     if(key == 37){ 
      left(); 
     }else if(key == 38){ 
      up(); 
     }else if(key == 39){ 
      right(); 
     }else if(key == 40){ 
      down(); 
     } 
    }); 
      alert("Hi"); 
}); 

“嗨”只发出一次提醒，我如何在启动后跳出$(document).bind？可能是像break;或return;？

Answer 1

“嗨”只会发出一次警告，因为它不在​​处理程序中......它在ready处理程序中。

$(document).ready(function(){ 
    $(document).bind('keydown',function(e){ 
     key = e.keyCode; 
     if(key == 37){ 
      left(); 
     }else if(key == 38){ 
      up(); 
     }else if(key == 39){ 
      right(); 
     }else if(key == 40){ 
      down(); 
     } 
    });// keydown handler ends here 
      alert("Hi"); 
}); 

另外，作为一个侧面说明，请尝试使用console方法而不是alert()，因为它可以更好的描述，它的无阻塞。

UPDATE

我可以从下面的评论你，什么在你的代码实际发生相当混乱看看......所以，让我们通过它一步。

$(document).ready(function(){ 

在这里，您绑定了一个处理程序到DOM ready事件。当浏览器完成构建文档结构时，这会被触发。它没有考虑到需要加载的任何外部资产。

$(document).bind('keydown', function(e){ 

现在我们将一个处理程序绑定到​​事件。当​​事件冒泡达到document级别时，该函数内的任何内容（以及中只有内的函数）将被执行。

key = e.keyCode; 

您分配事件的一个key变量keyCode财产。我建议使用关键字var作为前面的维护范围。 var key = e.keyCode;

if(key == 37){ 
    left(); 
}else if(key == 38){ 
    up(); 
}else if(key == 39){ 
    right(); 
}else if(key == 40){ 
    down(); 
} 

现在你通过一系列if/else块跳跃，并呼吁left，up，right和down功能，如果先前声明key变量匹配您的条件之一。

}); 

这是​​处理器的END。

alert("Hi"); 

在这里，你alert()消息。这是在​​处理程序被绑定之后直接完成的，但不是在每个处理程序或任何处理程序执行之后。此行作为文件ready处理程序的一部分执行一次。

}); 

这是文件末尾的ready句柄。

Answer 2

我想，你不想多次使用​​。

您可以使用on和off()一样，

$(document).ready(function(){ 
    $(document).on('keydown',function(e){ 
     key = e.keyCode; 
     if(key == 37){ 
      left(); 
     }else if(key == 38){ 
      up(); 
     }else if(key == 39){ 
      right(); 
     }else if(key == 40){ 
      down(); 
     } 
     $(document).off('keydown'); 
    });// keydown handler ends here 
      alert("Hi"); 
}); 

或者你可以使用one()只触发一次。

$(document).ready(function(){ 
     $(document).one('keydown',function(e){ 
      key = e.keyCode; 
      if(key == 37){ 
       left(); 
      }else if(key == 38){ 
       up(); 
      }else if(key == 39){ 
       right(); 
      }else if(key == 40){ 
       down(); 
      } 
     });// keydown handler ends here 
       alert("Hi"); 
    });