"Easter Egg" in link - activated by CTRL + click_问答_开发者

"Easter Egg" in link - activated by CTRL + click

开发者 https://www.devze.com 2023-01-07 16:24 出处：网络

I\'m working on a project for a client, and we want to make a easter egg, when you click some of the letters in the logo.

I'm working on a project for a client, and we want to make a easter egg, when you click some of the letters in the logo.

There are three letters, an开发者_运维百科d you have to click in the right order, before it activates the easter egg. However, because it's in a link, I wondered if I could use CTRL+Click...? I've searched the web, but couldn't get any answers...

Sure, you can do that

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

You'll need to add your own logic to track the sequence of clicks on the three letters.

The link could work, just have it execute a JavaScript method on the click rather than navigate to a page. Since you mentioned that there needs to be an order to the clicks, just have some variable's state transition based on the click sent.

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