JavaScript Konami Code 實現(xiàn)代碼
更新時間：2009年07月29日 16:41:07 作者：
JavaScript Konami Code 實現(xiàn)代碼
在 Facebook 上有一個彩蛋：
登錄 facebook.com ，點擊你首頁的任何地方，鍵盤輸入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再點擊頁面或滾動一下滾動條，你會發(fā)現(xiàn)特殊的變化（如下圖），嘿嘿 ^^
var $ = {
enabled: false,
tmp: Array(),
_konamiCode: Array(65,66,39,37,39,37,40,40,38,38),
init: function() {
this.tmp = Array(65,66,39,37,39,37,40,40,38,38);
},
konamiCode: function(e) {
if(!this.enabled) {
var t = this.tmp.pop();
if((e.keyCode-t) == 0) {
if(this.tmp.length == 0) {
this.enabled = true;
}
} else {
this.init();
}
} else {
this.action();
}
},
// Change the action() function to whatever you want to
action: function() {
//alert("Konami Code Activated");
}
}
不過 Abhi 的方法還是冗余了點，Jan Jarfalk 在留言中提供了一個短小精悍的代碼：
var k=[];
function(e){
k.push(e.keyCode);
if(k.toString().indexOf("38,38,40,40,37,39,37,39,66,65")>=0) {
//alert("Konami Code Activated");
}
登錄 facebook.com ，點擊你首頁的任何地方，鍵盤輸入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再點擊頁面或滾動一下滾動條，你會發(fā)現(xiàn)特殊的變化（如下圖），嘿嘿 ^^
玩過“魂斗羅”的朋友，肯定一眼就能看出輸入的字符原來就是“魂斗羅”中的“秘技”。其實“秘技”的術語叫 Konami Code，詳細見圖示：
那如何用 JavaScript 也在自己的頁面上添加一個類似的彩蛋呢？
Abhi 在 《Konami Code on Facebook : How to implement it on your site》 一文中提供了大體思路：
復制代碼 代碼如下:
var $ = {
enabled: false,
tmp: Array(),
_konamiCode: Array(65,66,39,37,39,37,40,40,38,38),
init: function() {
this.tmp = Array(65,66,39,37,39,37,40,40,38,38);
},
konamiCode: function(e) {
if(!this.enabled) {
var t = this.tmp.pop();
if((e.keyCode-t) == 0) {
if(this.tmp.length == 0) {
this.enabled = true;
}
} else {
this.init();
}
} else {
this.action();
}
},
// Change the action() function to whatever you want to
action: function() {
//alert("Konami Code Activated");
}
}
不過 Abhi 的方法還是冗余了點，Jan Jarfalk 在留言中提供了一個短小精悍的代碼：
復制代碼 代碼如下:
var k=[];
function(e){
k.push(e.keyCode);
if(k.toString().indexOf("38,38,40,40,37,39,37,39,66,65")>=0) {
//alert("Konami Code Activated");
}
相關文章
js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼
要保留小數(shù)點后N位的問題，經(jīng)過一番思索，終于解決了，這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼，感興趣的朋友可以參考一下2016-07-07
Flow之一個新的Javascript靜態(tài)類型檢查器
今天我們興奮的發(fā)布了 Flow 的嘗鮮版，一個新的Javascript靜態(tài)類型檢查器。Flow為Javascript添加了靜態(tài)類型檢查，以提高開發(fā)效率和代碼質量，本文給大家分享Flow之一個新的Javascript靜態(tài)類型檢查器，感興趣的朋友一起學習吧2015-12-12
這篇文章主要介紹了JavaScript使用RegExp進行正則匹配的方法,實例分析了RegExp對象在進行正則匹配時的相關使用技巧,需要的朋友可以參考下2015-07-07
這篇文章主要給大家介紹了關于微信小程序實現(xiàn)導航功能的操作步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
jqgrid并沒有自帶導出表格數(shù)據(jù)的方法，這里就自己實現(xiàn)了一個，嘗試過在頁面直接將數(shù)據(jù)導出，發(fā)現(xiàn)只有IE下可以通過調用saveas來實現(xiàn)，但是別的瀏覽器不支持，于是考慮將數(shù)據(jù)傳回后臺，然后后臺返回下載文件來實現(xiàn)2013-11-11
字符串在javascript中幾乎無處不在，在你處理用戶的輸入數(shù)據(jù)的時候，在讀取或設置DOM對象的屬性時，在操作cookie時，當然還有更多...。JavaScript的核心部分提供了一組屬性和方法用于通用的字符串操作，如分割字符串，改變字符串的大小寫，操作子字符串等。2015-05-05
這篇文章主要介紹了js實現(xiàn)帶按鈕的上下滾動效果,設計javascript鼠標事件及頁面元素樣式的相關操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細介紹了js+html+css實現(xiàn)手動輪播和自動輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了從一個Person例子進行分析重疊構造器模式、Builder模式的使用場景以及運用JavaBeans模式彌補重疊構造器模式的不足2018-03-03
這篇文章主要為大家詳細介紹了layui添加動態(tài)菜單與選項卡，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07