onkeyupイベント
例
ユーザーがキーを離したときにJavaScriptを実行します。
<input type="text" onkeyup="myFunction()">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onkeyupイベントは、ユーザーが(キーボードの)キーを離したときに発生します。
ヒント: onkeyupイベントに関連するイベントの順序:
- オンキーダウン
- onkeypress
- onkeyup
ブラウザのサポート
Event | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
構文
HTMLの場合:
<element onkeyup="myScript">
JavaScriptの場合:
object.onkeyup = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("keyup", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | はい |
イベントタイプ: | KeyboardEvent |
サポートされているHTMLタグ: | <base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、および<title>を除くすべてのHTML要素 |
DOMバージョン: | レベル2のイベント |
その他の例
例
「onkeyup」イベントと一緒に「onkeydown」を使用する:
<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>