![[agilenet-logo]](http://www.nttdata-agilenet.com/product/axure/images/agilelogo-122x70.png)
はじめに
- レクチャー1：
Axure RP Proの概要 - レクチャー2：
アノテーション付きワイヤフレーム - レクチャー3：
基本インタラクション - レクチャー4：
マスタ - レクチャー5：
HTMLプロトタイプ - レクチャー6：
機能仕様書
フロー図
リッチインタラクション
- レクチャー1：
ダイナミックパネル - レクチャー2：
OnMouseEnter、OnMouseOut、およびロールオーバー効果 - レクチャー3：
メニュー - レクチャー4：
アドバンスインタラクションエディタ - レクチャー5：
特定のウィジェット、画像、メニューの書式
豊富な機能
- レクチャー1：
条件ロジック - レクチャー2：
OnChangeイベント - レクチャー3：
OnKeyUpイベント - レクチャー4：
OnFocusとOnLostFocusイベント - レクチャー5：
変数 - レクチャー6：
OnPageLoadイベント
マスタの有効利用
共同作業
豊富な機能 - レクチャー 3:OnKeyUpイベント
1.OnKeyUpイベント
OnKeyUpイベントはテキストフィールドおよびテキストエリアウィジェットで使用できます。OnKeyUpイベントは、ユーザーがウィジェットに入力している最中にキーボードのキーを離したときに発生します。これは、ユーザーが入力しているときのテキストフィールドおよびテキストエリアへのキーボード入力に応答するために使用できます。
2.使用例:リアルタイムフォーム検証用
OnKeyUpイベント使用例として、ユーザーがデータを入力したときにリアルタイムフィードバックを行うフォームをデザインすることがあげられます。
値の長さが 5 文字でなければならない郵便番号用のテキストフィールドについて考えてみましょう。
テキストフィールドのOnKeyUpイベントの最初のケースには、テキストフィールドの値の長さが 5 文字であるかどうかを確認するように条件を定義できます。もし5文字であれば、値が現在有効であることを示すメッセージが表示されるようにします。
2 番目のケースでは、フィールドが有効ではないこと、およびフィールドの要件を説明するメッセージが表示されるようにします。
以下の画面キャプチャは、郵便番号フィールドに入力している文字が 5 文字未満の状態から、5文字入力完了までの状態変化を示しています。
