Skip to content

onkeydown.md

Latest commit

 

History

History
86 lines (61 loc) · 2.18 KB

onkeydown.md

File metadata and controls

86 lines (61 loc) · 2.18 KB

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 事件相关的事件顺序：

  1. onkeydown
  2. onkeypress
  3. onkeyup

浏览器支持

事件属性 chrome edge firefox safari opera
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>