HTML onkeydown 事件属性

当用户按下某个键时触发

示例

当用户按键时执行 JavaScript：

当用户在输入框中按下一个键时会触发一个函数。<br>
<input type="text" onkeydown="myFunction(this)"><br>
执行 onkeydown 事件：<span id="info"> </span>
<script>
function myFunction(evn) {
  document.getElementById('info').innerHTML = '您在输入框中按下了一个键!';
}
</script>

<input type="text" onkeydown="myFunction()">

定义和使用

onkeydown 属性在用户按下一个键（在键盘上）时触发。

提示： onkeydown 事件相关的事件顺序：

onkeydown
onkeypress
onkeyup

浏览器支持

事件属性
onkeydown	Yes	Yes	Yes	Yes	Yes

语法

<element onkeydown="script">

属性值

值 Value	描述 Description
script	要在 onkeydown 上运行的脚本

技术细节


支持的 HTML 标签:	所有 HTML 元素，除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>

更多示例

将 onkeydown 与 onkeyup 属性一起使用：

<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>

HTML 索引 (字母排序)

GitHub 上编辑此页 2022/05/10