快速原型設計工具Axure RP高級功能教程（二）：OnChange、OnKeyUp、OnFocus和OnLostFocus事件

Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格，現已成為設計Web APP的重要工具。

免費下載Axure RP  優惠購買Axure RP

OnChange事件

• 什么是OnChange事件

OnChange事件是在下拉框或列表框的選項選擇時發生的，可用于下拉框（Droplist）和列表框（List Box）控件，在原型中以下拉框進行導航非常有用，即當選擇下拉框的某個選項跳轉到相應的頁面上時。

• 在OnChange事件上使用條件

在OnChange事件中的場景上可以添加條件。在Interaction Case Properties對話框中的Step 1中點擊“Add Condition?”，并在Condition Builder對話框中設置條件即可實現。

在OnChange事件上的場景中可以用“selected option of”條件語句，進行下拉框或列表框中的值對比，例如“if selected option of droplist equals selected option of listbox”。

OnKeyUp事件

• 什么是OnKeyUp事件

OnKeyUp事件可用在Text Field和Text Area控件上，當用戶在控件中進行輸入、松開鍵盤按鍵時發生，常用于打字時對鍵盤的響應。

• OnKeyUp實時表單驗證

OnKeyUp事件常用于用戶在表單中進行輸入的實時校驗。例如，驗證輸入的字符長度、用戶名是否已經存在、驗證碼是否正確等，并在界面上進行動態信息提示。

下圖是用OnKeyUp事件實現當輸入的郵編不符合5個字符長度時的兩個狀態：

OnFocus和OnLostFocus事件

• 什么是OnFocus和OnLostFocus事件

OnFocus和OnLostFocus事件可用于Text Field、Text Area、DropList、List Box、

Checkbox和Radio Button控件上。OnFocus事件是當是當鼠標點擊控件或用鍵盤tab鍵讓控件獲得焦點時發生；而OnLostFocus事件正好相反，是當控件失去焦點時發生。

• 使用場合

OnFocus和OnLostFocus常用于顯示、隱藏與表單中控件相關的動態信息。OnLostFocus常用于當控件失去焦點時，觸發對控件中輸入的數據的驗證。

想要獲得Axure RP更多資源、正版授權的伙伴，請了解

12月，慶圣誕、迎元旦，上“慧都網”小程序簽到兌商城通用抵價券>>>   軟件商城專屬優惠價，領優惠券再享折上折>>>