鏈接中的「復活節彩蛋」 - 通過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 +激活點擊

回答

相關問題