onkeyup イベント

DOM イベント KeyboardEvent

定義と使用法

onkeyupイベントは、ユーザーがキー（キーボード上で）をリリースしたときに発生します。

ヒント：onkeyupイベントに関連するイベントの順序：

  1. onkeydown
  2. onkeypress
  3. onkeyup

インスタンス

例1

ユーザーがキーをリリースしたときにJavaScriptを実行：

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

自分で試してみてください

例2

"onkeydown"と"onkeyup"イベントを一緒に使用：

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

自分で試してみてください

例3

テキストフィールドから実際にリリースされたキーを表示：

名前を入力してください：<input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

自分で試してみてください

文法

HTMLで：

<element onkeyup="myScript">

自分で試してみてください

JavaScriptで：

object.onkeyup = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

object.addEventListener("keyup", myScript);

自分で試してみてください

注釈：Internet Explorer 8またはそれ以前のバージョンではサポートされていません addEventListener()メソッド。

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： KeyboardEvent
サポートされているHTMLタグ： すべてのHTML要素は、以下のものを除いています：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>および<title>
DOM バージョン： レベル2 イベント

ブラウザサポート

イベント Chrome IE Firefox Safari Opera
onkeyup サポート サポート サポート サポート サポート
DOM イベント KeyboardEvent