链接中的"Easter Egg" - 通过CTRL +单击激活

cur*_*ets 1 javascript jquery

我正在为一个客户做一个项目,当你点击徽标中的一些字母时,我们想制作一个复活节彩蛋.

有三个字母,您必须按正确的顺序点击,然后才能激活复活节彩蛋.但是,因为它在一个链接中,我想知道我是否可以使用CTRL + Click ...?我在网上搜索过,但无法得到任何答案......

Pet*_*ley 7

当然,你可以做到这一点

<html>
<head>
  <title>Test Page</title>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">

  $(function(){
    $('#link').click( function( event )
    {
      if ( event.ctrlKey )
      {
        event.preventDefault();
      }
    });
  });

  </script>
</head>

<body>

<a href="http://www.google.com" id="link">Google</a>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

您需要添加自己的逻辑来跟踪三个字母的点击顺序.