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

Axure RP中的OnChange事件在原型中以下拉框进行导航非常有用，OnKeyUp事件常用于用户在表单中进行输入的实时校验，OnFocus和OnLostFocus事件可用于Text Field、Text Area、DropList、List Box、Checkbox和Radio Button控件上。

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月，庆圣诞、迎元旦，上“ ”小程序签到兑商城通用抵价券>>>   软件商城专属优惠价，领优惠券再享折上折>>>

标签：