最新的Web开发教程
 

onkeyup事件

<事件对象

例

执行一个JavaScript当用户释放的关键：

<input type="text" onkeyup="myFunction()">
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

当用户释放（在键盘上），一键时发生onkeyup事件。

Tip:有关onkeyup事件事件的顺序：

  1. onkeydown事件
  2. onkeypress事件
  3. 的onkeyup

浏览器支持

事件
onkeyup 是 是 是 是 是

句法

在HTML：

< 试一试»

在JavaScript：

object .onkeyup=function(){ 试一试»

在JavaScript中，使用addEventListener()方法：

object .addEventListener("keyup", myScript );
试一试»

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技术细节

泡沫： 是
取消： 是
事件类型： 的KeyboardEvent
支持的HTML标签： 所有的HTML元素，除了：<基数>，<BDO>，点击<HEAD>，<HTML>，<IFRAME>，<META>，<param>的<SCRIPT>，<STYLE>和<title>
DOM版本： 2级事件
例子

更多示例

例

使用"onkeydown"同在一起"onkeyup"事件：

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
试一试»

例

输出是一个文本字段中发布了实际的键：

Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

<script>
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("demo").innerHTML = x;
}
</script>
试一试»
<事件对象