最新的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>
試一試»
<事件對象