Javascript &引用;复活节彩蛋;在链接中-通过CTRL+;点击

Javascript &引用;复活节彩蛋;在链接中-通过CTRL+;点击,javascript,jquery,Javascript,Jquery,我正在为一个客户做一个项目,我们想做一个复活节彩蛋,当你点击标志中的一些字母时 有三个字母,在激活复活节彩蛋之前,你必须按正确的顺序单击。然而,因为它在一个链接中,我想知道我是否可以使用CTRL+Click。。。?我在网上搜索过,但没有找到任何答案…当然,你可以这样做 <html> <head> <title>Test Page</title> <script src="http://code.jquery.com/jquery-la

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

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

当然,你可以这样做

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

测试页
$(函数(){
$(“#链接”)。单击(函数(事件)
{
如果(event.ctrlKey)
{
event.preventDefault();
}
});
});
您需要添加自己的逻辑来跟踪三个字母的点击顺序。

当然,您可以这样做

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

测试页
$(函数(){
$(“#链接”)。单击(函数(事件)
{
如果(event.ctrlKey)
{
event.preventDefault();
}
});
});

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

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

var轨道=0;
函数单击此(val)
{
//在这里管理你的州
}
T

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

var轨道=0;
函数单击此(val)
{
//在这里管理你的州
}
T

Ctrl+单击链接会在大多数浏览器的新选项卡中打开该链接。我认为如果这些字母当前是其他位置的链接,则无法执行此操作。您可以使用Shift+Ctrl+Alt+单击组合,以避免用户意外触发您的复活节彩蛋。所有这些键都可以从Javascript中检测到,如
shiftKey
ctrlKey
,和传递给
onClick
处理程序的事件对象的
altKey
成员。在大多数浏览器中,Ctrl+单击链接会在新选项卡中打开链接。我认为如果这些字母当前是其他位置的链接,则无法执行此操作。您可以将Shift+Ctrl+Alt+单击组合起来,以避免用户意外触发您的链接复活节彩蛋。所有这些键都可以从Javascript中检测到,它们是传递给
onClick
处理程序的事件对象的
shiftKey
ctrlKey
altKey
成员。