我的onkeydown()事件监听器无法正常工作

时间:2015-01-23 19:11:24

标签: jquery

我无法弄清楚这段代码有什么问题:

  $(document).keydown(function(event) {
        if (event.which === 88) {
          $('.ryu-cool').show()
          $('.ryu-ready').hide()
          $('.ryu-throwing').hide()
          $('.ryu-still').hide()
        }

4 个答案:

答案 0 :(得分:1)

我认为你缺少jquery的完整语法。这是JSFIDDLE

上的工作版本
$(document).ready(function(){
    $(document).keydown(function(event) {
        alert(event.which);
        if (event.which === 88) {
          $('.ryu-cool').show()
          $('.ryu-ready').hide()
          $('.ryu-throwing').hide()
          $('.ryu-still').hide()
       }
    });

});

答案 1 :(得分:1)

 $(document).keydown(function(event) {
    if (event.which === 88) {
      alert('hi');
    }
    });

解释

按键'x'警告触发,问题是关闭}大括号

的jsfiddle

http://jsfiddle.net/nadeemmnn2007/0gzasd2m/

答案 2 :(得分:1)

$(document).keydown(function(e) {
  if (e.keyCode == 88) {
$('.ryu-still').hide();
$('.ryu-ready').hide();
$('.ryu-cool').show();
}   
})
.keyup(function(e) {
  if (e.keyCode == 88) { 
$('.ryu-cool').hide();
$('.ryu-still').show();
}
});

答案 3 :(得分:0)

$(document).keypress(function(e) {
  e.preventDefault();
  var code = e.which;
  var cxar = String.fromCharCode(code);
  $('body').append(cxar + " = " + code + "<br/>");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Click this box and press any key...<br/>