Question

那里有任何JavaScript专家吗？我有一个div，我在输入konami代码后设法淡入，并且你可以点击一个按钮淡出div，但我必须刷新才能重新输入konami代码。我希望能够不必刷新页面就能不断输入konami代码。理想情况下，我想删除按钮，但我似乎无法使用if语句来完成工作。

这是我到目前为止所拥有的：

<script
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" 
  type="text/javascript"></script>

<script type= "text/javascript">
var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65,13";
$(document).keydown(function(e) {
  kkeys.push( e.keyCode );
  if ( kkeys.toString().indexOf( konami ) >= 0 )
  {
    $(document).unbind('keydown',arguments.callee);
    $(document).ready(function()
    {
      $(".konami").fadeIn(1000);
    });
  }
});

</script>
<script type="text/javascript">

$(document).ready(function(){

  $(".btn1").click(function(){

  $(".konami2").fadeOut(1000);

  });
});
</script>

<div class ="konami" style="display: none">
<p class ="konami2">

Hello! Type "bye" to remove!

</p>
<button class="btn1">Fade out</button>
</div>

Answer 1

如果在用户键入密钥时清空keypress历史数组，则应允许重复该过程。所以，而不是

$(document).unbind('keydown',arguments.callee);

你可以简单地做到这一点

kkeys = [];

当然，您应该决定当用户第二次键入代码时会发生什么。这是一个切换div可见性的版本。请注意，我升级了jquery版本以支持fadeToggle函数。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script>
var kkeys = [];
var konami = "38,38,40,40,37,39,37,39,66,65,13";
$(document).keydown(function(e) {
    kkeys.push(e.keyCode);
    if (kkeys.toString().indexOf(konami) >= 0)
    {
        kkeys = [];
        $(".konami").fadeToggle(1000);
    }
});
</script>

<div class="konami" style="display: none">
    <p class="konami2">
        Hello! Type the code again to remove!
    </p>
</div>

Answer 2

我尝试了一下，希望这有用：

$(document).ready(function(){
    //why do you need to press enter btw? "13" keyCode
    var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65,13";
    var bkeys = []; var bye = "66,89,69";
    $(this).keydown(function(e) {
            // if konami
            kkeys.push( e.keyCode );
            if ( kkeys.toString().indexOf( konami ) >= 0 ) 
            {
                $(".konami").fadeIn(1000);
                kkeys = [];
            }

            // "bye"
            bkeys.push( e.keyCode );
            if ( bkeys.toString().indexOf( bye ) >= 0 ) 
            {                       
                $(".konami").fadeOut(1000);
                bkeys = [];
            }
    });

    // manual fade out using button click
    // no need to type to hide stuff
    $(".btn1").click(function(){
        $(".konami").fadeOut(1000);
    });
});

Javascript Konami Code，FadeIn / FadeOut Div

2 个答案: