Question

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

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

Answer 1

当然，你可以那样做

<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>

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

Answer 2

链接可以工作，只需让它在点击上执行JavaScript方法而不是导航到页面。由于您提到需要对点击进行订购，因此只需根据发送的点击进行一些变量的状态转换。

<script type="text/javascript">

var track = 0;

function click_this(val) 
{
  // Manage your state here
}

</script>

T<a href="javascript:click_this(1);">e</a><a href="javascript:click_this(2);">s</a><a href="javascript:click_this(3);">t</a>

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

2 个答案: