Question

我的div文档中有3个HTML个部分，每当按键时，我都会尝试在彼此之间切换。这个想法是，当一个关键的新闻事件发生时，我得到了当前id的{{1}}，并且取决于div，我淡入右id（如果它是div 1，淡入div 2等。）。

我的HTML代码如下：

div

<div id="home" class="current"> <p align="center">Home</p> <p align="center"> Some content </p> </div> <div id="about"> <p align="center">About</p> <p align="center"> Some content </p> </div> <div id="contact"> <p align="center">Contact Form</p> <p align="center"> Some content </p> </div>代码：

jQuery

上面的代码不起作用，我是<script> $("#target").keypress(function(){ var id = $(this).html().toLowerCase(); console.log('id is: '+id); $('.current').fadeOut(900, function(){ $('#'+id).fadeIn(900); $('.current').removeClass('current'); $('#'+id).addClass('current'); }); }); </script>事件的新手，请你以正确的方式指导我。

Answer 1

改为使用keyup和.val。

$("#target").keyup(function(){

    var id = $(this).val().toLowerCase();
    $('.current').removeClass('current').fadeOut(900, function(){
        $('#'+id).fadeIn(900).addClass('current');
    });

});

Answer 2

您需要一个事件监听器。如果您希望将keyCode条件语句作为任何键（而不是特定键）

，则可以将其删除

$(document).keyup(function(e) {
 if (e.keyCode == 13) {             // enter key
  var id = $('.current').attr('id');
  if (id == "whatever") {
    ............
  } else if (id == "somethingelse") {
    ............
  }
 }
});

按键时获取当前div的id

2 个答案: