もっと"Try it Yourself"以下の例。
定義と使用法
ユーザーは（キーボード）のキーを離したときにonkeyupのイベントが発生します。
Tip: onkeyupのイベントに関連するイベントの順序：
- onkeydownを
- onkeypressでは
- onkeyupの
ブラウザのサポート
| イベント | |||||
|---|---|---|---|---|---|
| onkeyup | はい | はい | はい | はい | はい |
構文
HTMLには：
JavaScriptで：
object .onkeyup=function(){ »それを自分で試してみてください JavaScriptでは、使用してaddEventListener()メソッドを：
object .addEventListener("keyup", myScript );
»それを自分で試してみてください 注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。
技術的な詳細
| バブル： | はい |
|---|---|
| 取消し可能： | はい |
| イベントの種類： | KeyboardEventです |
| サポートされているHTMLタグ： | <ベース>、<BDO>、<BR>、<HEAD>、<HTML>、<iframe>の、<メタ>、<PARAM>、<SCRIPT>、<スタイル>、および：以外のすべてのHTML要素、 <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>
»それを自分で試してみてください <イベントオブジェクト