HTML リファレンスマニュアル

HTML タグ一覧

HTML onkeyupイベント属性

onkeyup属性は、現在の要素のkeyupイベントのイベントハンドラを取得または設定するために使用されます

オンラインサンプル

ユーザーがキーを離したときに実行されるJavaScript:

例

<!DOCTYPE html>
<html>
<head>
<title>HTML onkeyup イベント属性の使用(基礎教程網 oldtoolbag.com)</title>
</head>
<body>
<p>ユーザーが入力フィールドからキーを離したときにトリガーされる関数。その関数は文字を大文字に変換します。</p>
英文姓名を入力してください: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
　　var x = document.getElementById("fname");
　　x.value = x.value.toUpperCase();
}
</script>
</body>
</html>

テストして見る ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがonkeyupイベント属性をサポートしています

定義と用法

ユーザーがキーをリリース（キーボード上で）したときにonkeyup属性がトリガーされます。

ヒント： onkeyupイベントに関連するイベントのトリガー順序:

onkeydown
onkeypress
onkeyup

注意： onkeyup属性は以下の要素に使用できません：<base>, <bdo>, <br>、 <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, または <title>。

HTML 4.01 HTMLと5の違い

なし。

文法

<element onkeyup="script">

属性値

値	説明
script	onkeyupイベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性　　　　

HTML: <template> タグ