Question

if (any key is pressed){
Hide a div.
}

我想知道是否有一种简单的方法来检测是否在没有输入的情况下按下任何键。

Answer 1

document.onkeypress=function(e){
    //do the required work
}

Answer 2

将keypress事件附加到您想要的正文或其他元素中。像

这样的东西

<body onkeypress="myFunction()">

或

document.body.addEventListener('keypress', myFunction);

功能定义

function myFunction(){ //do what you want after key is pressed }

Answer 3

你没有把它标记为jQuery，但如果你愿意尝试jquery解决方案，请检查This Page

请注意，jQuery只是一个巨大的JavaScript扩展文件，可以在他们的网站上免费获得。

Answer 4

将keypress事件处理程序与addEventListener附加到window的示例，以及如何确保使用removeEventListener <unload清除它/ p>

CSS

.hideMe {
    display:none;
}

HTML

<div id="hideOnKeyPress">Now you see me.</div>

的Javascript

var hideOnKeyPress = document.getElementById('hideOnKeyPress');

function pressed() {
    hideOnKeyPress.classList.add('hideMe');
}

function unload() {
    window.removeEventListener('keypress', pressed, false);
    window.removeEventListener('unload', unload, false);
}

window.addEventListener('keypress', pressed, false);
window.addEventListener('unload', unload, false);

在jsFiddle

上

检查是否有任何键被按下Javascript没有表格

4 个答案: