Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使konami代码打开启用/禁用暗模式(并具有关闭按钮)的模式?_Javascript_Html_Jquery_Css_Modal Dialog - Fatal编程技术网

Javascript 如何使konami代码打开启用/禁用暗模式(并具有关闭按钮)的模式?

Javascript 如何使konami代码打开启用/禁用暗模式(并具有关闭按钮)的模式?,javascript,html,jquery,css,modal-dialog,Javascript,Html,Jquery,Css,Modal Dialog,所以我尝试创建一个模式,打开输入Konami代码的窗口(↑↑↓↓←→←→BA)。这是我迄今为止尝试过的(我是JS的新手,所以请不要吝啬。顺便说一句,我有代码集,但我需要模态。查看代码了解更多细节。): var模式=['ArrowUp','ArrowUp','ArrowDown','ArrowDown','ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','b','a']; 无功电流=0; var keyHandler=函数(事件){ //如果该键

所以我尝试创建一个模式,打开输入Konami代码的窗口(↑↑↓↓←→←→BA)。这是我迄今为止尝试过的(我是JS的新手,所以请不要吝啬。顺便说一句,我有代码集,但我需要模态。查看代码了解更多细节。):

var模式=['ArrowUp','ArrowUp','ArrowDown','ArrowDown','ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','b','a'];
无功电流=0;
var keyHandler=函数(事件){
//如果该键不在模式中,或不是模式中的当前键,请重置
if(pattern.indexOf(event.key)<0 | | event.key!==模式[当前]){
电流=0;
返回;
}
//更新模式完成的程度
电流++;
//如果完成,则发出警报并重置
if(pattern.length==当前){
电流=0;
//带有暗模式选项和亮模式的模式(如果暗模式已打开(可选))。
}
};
//监听按键关闭事件
document.addEventListener('keydown',keyHandler,false)
输入Konami代码。(↑↑↓↓←→←→BA)一个惊喜。
直接从

我没有信用,只是复制粘贴而已

var模式=[
“向上箭头”,
“向上箭头”,
“箭头向下”,
“箭头向下”,
“向左箭头”,
“右箭头”,
“向左箭头”,
“右箭头”,
“b”,
“a”
];
无功电流=0;
var modal=document.getElementById(“myModal”);
//获取打开模式对话框的按钮
var btn=document.getElementById(“myBtn”);
//获取关闭模态的元素
var span=document.getElementsByClassName(“关闭”)[0];
var keyHandler=函数(事件){
//如果该键不在模式中,或不是模式中的当前键,请重置
if(pattern.indexOf(event.key)<0 | | event.key!==模式[当前]){
电流=0;
返回;
}
//更新模式完成的程度
电流++;
//如果完成,则发出警报并重置
if(pattern.length==当前){
modal.style.display=“块”;
电流=0;
//带有暗模式选项和亮模式的模式(如果暗模式已打开(可选))。
}
};
span.onclick=函数(){
modal.style.display=“无”;
};
//当用户单击模式之外的任何位置时,将其关闭
window.onclick=函数(事件){
如果(event.target==模态){
modal.style.display=“无”;
}
};
//监听按键关闭事件
文档。addEventListener(“keydown”,keyHandler,false)
.modal{
显示:无;/*默认情况下隐藏*/
位置:固定;/*保持原位*/
z指数:1;/*位于顶部*/
填充顶部:100px;/*框的位置*/
左:0;
排名:0;
宽度:100%;/*全宽*/
高度:100%;/*全高*/
溢出:自动;/*根据需要启用滚动*/
背景色:rgb(0,0,0);/*回退色*/
背景色:rgba(0,0,0,0.4);/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
背景色:#fefe;
保证金:自动;
填充:20px;
边框:1px实心#888;
宽度:80%;
}
/*关闭按钮*/
.结束{
颜色:#AAAAA;
浮动:对;
字号:28px;
字体大小:粗体;
}
.关闭:悬停,
.结束:聚焦{
颜色:#000;
文字装饰:无;
光标:指针;
}
输入Konami代码。(↑↑↓↓←→←→为了一个惊喜。
&时代;
模态中的一些文本


您的代码工作到了
//Modal with dark mode option
,您根本没有实现它,其实现细节取决于you@CertainPerformance这就是重点。我不知道该怎么做,这是我的问题。所以,找到一个模式脚本并称之为……@epascarello好吧,你能帮我吗?这就是我问这个问题的原因