JavaScript Konami 코드 구현 code_javascript 기술

Facebook에는 이스터 에그가 있습니다.
facebook.com에 로그인하고 홈페이지 아무 곳이나 클릭한 다음 키보드에서 위, 위, 아래, 아래, 왼쪽, 오른쪽, 왼쪽, 오른쪽, B, A를 입력하고, 그리고 페이지를 클릭하시거나 스크롤바를 스크롤하시면 특별한 변경사항(아래와 같이)을 보실 수 있습니다 ㅎㅎ ^^

'콘트라'를 플레이해 본 친구들이라면, 입력된 캐릭터가 사실 '콘트라'의 '비밀 스킬'임을 한눈에 알 수 있을 것입니다. 실제로 "비밀 기술"이라는 용어는 코나미 코드라고 합니다. 자세한 내용은 그림을 참조하세요.

그렇다면 어떻게 JavaScript를 사용하여 자신의 페이지에 비슷한 이스터 에그를 추가할 수 있을까요?
Abhi는 "Facebook의 Konami 코드: 사이트에 구현하는 방법" 기사에서 일반적인 아이디어를 제공합니다.

코드 복사 코드는 다음과 같습니다:

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();
}
},
// 원하는 대로 action() 함수를 변경하세요.
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("코나미 코드 활성화됨");
}