代码之家  ›  专栏  ›  技术社区  ›  curly_brackets

链接中的“复活节彩蛋”-通过按住Ctrl键并单击激活

  •  0
  • curly_brackets  · 技术社区  · 15 年前

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

    有三个字母,在激活复活节彩蛋之前,你必须按正确的顺序点击。但是,因为它在一个链接中,我想知道是否可以使用ctrl+click…?我在网上搜索过,但找不到任何答案…

    2 回复  |  直到 11 年前
        1
  •  6
  •   Peter Bailey    15 年前

    当然,你能做到的

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

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

        2
  •  0
  •   Joel Etherton    15 年前

    链接可以工作,只需让它在单击时执行一个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>