最新のWeb開発のチュートリアル
 

HTML onkeyupのイベント属性

<HTMLイベント属性

ユーザーがキーを離したときにJavaScriptを実行します。

<input type="text" onkeyup="myFunction()">
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

onkeyupユーザーが(キーボード)キーを離したときに火災を属性。

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

  1. onkeydown
  2. onkeypress
  3. onkeyup

ブラウザのサポート

イベント属性
onkeyup はい はい はい はい はい

HTML 4.01とHTML5の違い

なし。


構文

<elementonkeyup=" script ">

属性値

説明
script onkeyupの上で実行するスクリプト

技術的詳細

サポートされているHTMLタグ: :以外のすべてのHTML要素、 <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 、および<title>

その他の例

使用"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>
»それを自分で試してみてください

関連ページ

HTML DOMリファレンス: onkeyup event


<HTMLイベント属性