我正在编写一个简单的网站,并且希望在用户按下键盘上的按钮时运行一些简单的javascript。只需运行alert("Hello!");
或在用户按下Enter键时显示一个模式框即可。
搜索了好一阵子之后,我只能找到在页面包含输入文本字段的情况下有效的解决方案。没有它有可能吗?
答案 0 :(得分:3)
是的,可以这样做,这是您的操作方式:
document.body.addEventListener("keydown", function(event) {
if (event.keyCode == 13) {
alert("Hello! You pressed the enter key!");
}
});
答案 1 :(得分:2)
是的,您实际上可以使用eventListener。例如,请查看此示例页面。
<html>
<body>
<script>
document.addEventListener("keypress", function(event) {
if (event.keyCode == 13) {
alert('You just hit enter.');
}else if(event.keyCode ==65){
alert('You just press A.');
}else if(event.keyCode==97){
alert('You just hit a.');
}else{
alert('You press something other than A, a and ENTER key');
}
})
</script>
</body>
</html>
为了获得各种按键的按键代码,您可以使用以下代码:
<html>
<body>
<p>Press a key on the keyboard in the input field to get the KeyCode for that key.</p>
<input type="text" size="40" onkeypress="getKeyCode(event)">
<p id="keyCode"></p>
<script>
function getKeyCode(event) {
var x = event.which || event.keyCode;
document.getElementById("keyCode").innerHTML = "The keyCode is: " + x;
}
</script>
</body>
</html>