HTML onkeydown 事件

onkeydown 事件在用户（在键盘上）按键时触发。

实例

<!DOCTYPE html>
<html>
<body>
<p>当用户按下输入字段中的键时，会触发一个功能。</p>
<input type="text" onkeydown="myFunction()">
<script>
function myFunction() {
  alert("您按下了输入字段中的一个键");
}
</script>
</body>
</html>

运行一下

浏览器支持

事件
onkeydown	Yes	Yes	Yes	Yes	Yes

所有主流浏览器都支持 onkeydown 事件。

定义和用法

onkeydown 事件在用户（在键盘上）按键时触发。

提示：相对于 onkeydown 事件的事件次序：

注释：onkeydown 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onkeydown="script">

属性值

值	描述
script	onkeydown 发生时运行的脚本。

更多实例

<!DOCTYPE html>
<html>
<body>
<p>按住文本字段中的键可设置红色背景颜色。释放该键以设置绿色背景颜色。</p>
<input type="text" id="demo" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
<script>
function keydownFunction() {
  document.getElementById("demo").style.backgroundColor = "red";
}
function keyupFunction() {
  document.getElementById("demo").style.backgroundColor = "green";
}
</script>
</body>
</html>