使用kepress和if语句来启用和禁用元素

Question

我正在使用electron构建一个具有全屏功能的应用程序(当然(。我正在尝试使用F11键(keyCode="85"(在我的Html页面上启用一条消息，"告诉"用户按F11退出全屏。我使用var i = 0设置全屏应用程序的status，其中i = 0;不是全屏，i = 1;是全屏。除了我试图通过按下F11来禁用它之外，此功能部分工作。按下时，元素不会将其显示设置为none。

我做错了什么？谢谢

window.addEventListener("keydown", checkKeyPressed, false);
function checkKeyPressed(e) {
var i = 0;
if (i == "0") {
if (e.keyCode = "85") {
document.getElementById('exitfullscreenmessage').style.display = "block";
i = 1;
}
} else if (i == "1") {
if (e.keyCode = "85") {
document.getElementById('exitfullscreenmessage').style.display = "none";
i = 0;
}
}
}

Answer 1

每次输入函数时，都会将i重新初始化为0。您需要将变量移出函数。

您还应该使用布尔值来实现交替值，而不是1/0。不要在数字周围加引号。

您也有一个打字错误，在测试e.keyCode时使用了=而不是==。

window.addEventListener("keydown", checkKeyPressed, false);
var fullscreenmessage = false;
function checkKeyPressed(e) {
//the correct keycode for F11 is 122
if (e.keyCode == 122) {
document.getElementById('exitfullscreenmessage').style.display = fullscreenmessage ? "none" : "block";
fullscreenmessage = !fullscreenmessage;
}
}

#exitfullscreenmessage {
display: none;
}

<div id="exitfullscreenmessage">Exit full screen</div>