链接中的“复活节彩蛋” - 通过CTRL +激活点击

我正在为客户开发一个项目，当您点击徽标中的一些字母时，我们想制作复活节彩蛋。链接中的“复活节彩蛋” - 通过CTRL +激活点击

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

2010-07-13 curly_brackets

在大多数浏览器中，通过按住Ctrl并单击某个链接可打开新选项卡中的链接。 – Blorgbeard 2010-07-13 16:38:12

如果这些信件目前是其他地方的链接，我认为你不能这样做。 – Fosco 2010-07-13 16:40:09

您可以组合Shift + Ctrl + Alt +点击以避免让用户意外触发您的复活节彩蛋。所有这些键都可以从Javascript中检测到，因为事件对象的'shiftKey'，'ctrlKey'和'altKey'成员被传递给'onClick'处理程序。 – Karmastan 2010-07-13 16:46:23

当然，你可以做到这一点

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

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

来源

2010-07-13 16:41:49

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

来源

2010-07-13 16:43:23

链接中的“复活节彩蛋” - 通过CTRL +激活点击

回答

相关问题