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

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

免費(fèi)下載Axure RP  優(yōu)惠購買Axure RP

OnChange事件

• 什么是OnChange事件

OnChange事件是在下拉框或列表框的選項(xiàng)選擇時(shí)發(fā)生的，可用于下拉框（Droplist）和列表框（List Box）控件，在原型中以下拉框進(jìn)行導(dǎo)航非常有用，即當(dāng)選擇下拉框的某個(gè)選項(xiàng)跳轉(zhuǎn)到相應(yīng)的頁面上時(shí)。

• 在OnChange事件上使用條件

在OnChange事件中的場(chǎng)景上可以添加條件。在Interaction Case Properties對(duì)話框中的Step 1中點(diǎn)擊“Add Condition?”，并在Condition Builder對(duì)話框中設(shè)置條件即可實(shí)現(xiàn)。

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

OnKeyUp事件

• 什么是OnKeyUp事件

OnKeyUp事件可用在Text Field和Text Area控件上，當(dāng)用戶在控件中進(jìn)行輸入、松開鍵盤按鍵時(shí)發(fā)生，常用于打字時(shí)對(duì)鍵盤的響應(yīng)。

• OnKeyUp實(shí)時(shí)表單驗(yàn)證

OnKeyUp事件常用于用戶在表單中進(jìn)行輸入的實(shí)時(shí)校驗(yàn)。例如，驗(yàn)證輸入的字符長(zhǎng)度、用戶名是否已經(jīng)存在、驗(yàn)證碼是否正確等，并在界面上進(jìn)行動(dòng)態(tài)信息提示。

下圖是用OnKeyUp事件實(shí)現(xiàn)當(dāng)輸入的郵編不符合5個(gè)字符長(zhǎng)度時(shí)的兩個(gè)狀態(tài)：

OnFocus和OnLostFocus事件

• 什么是OnFocus和OnLostFocus事件

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

Checkbox和Radio Button控件上。OnFocus事件是當(dāng)是當(dāng)鼠標(biāo)點(diǎn)擊控件或用鍵盤tab鍵讓控件獲得焦點(diǎn)時(shí)發(fā)生；而OnLostFocus事件正好相反，是當(dāng)控件失去焦點(diǎn)時(shí)發(fā)生。

• 使用場(chǎng)合

OnFocus和OnLostFocus常用于顯示、隱藏與表單中控件相關(guān)的動(dòng)態(tài)信息。OnLostFocus常用于當(dāng)控件失去焦點(diǎn)時(shí)，觸發(fā)對(duì)控件中輸入的數(shù)據(jù)的驗(yàn)證。

想要獲得Axure RP更多資源、正版授權(quán)的伙伴，請(qǐng)咨詢【慧都客服】了解

12月，慶圣誕、迎元旦，上“慧都網(wǎng)”小程序簽到兌商城通用抵價(jià)券>>>   軟件商城專屬優(yōu)惠價(jià)，領(lǐng)優(yōu)惠券再享折上折>>>