logo 原型设计工具Axure RP使用教程 我也要发布文档

功能教程(二):OnChange、OnKeyUp、OnFocus和OnLostFocus事件


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格,现已成为设计Web APP的重要工具。

免费下载Axure RP  优惠购买Axure RP


OnChange事件

  • 什么是OnChange事件

OnChange事件是在下拉框或列表框的选项选择时发生的,可用于下拉框(Droplist)和列表框(List Box)控件,在原型中以下拉框进行导航非常有用,即当选择下拉框的某个选项跳转到相应的页面上时。

QQ截图20191220141747.png

  • 在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”。

QQ截图20191220141807.png

OnKeyUp事件

  • 什么是OnKeyUp事件

OnKeyUp事件可用在Text Field和Text Area控件上,当用户在控件中进行输入、松开键盘按键时发生,常用于打字时对键盘的响应。

  • OnKeyUp实时表单验证

OnKeyUp事件常用于用户在表单中进行输入的实时校验。例如,验证输入的字符长度、用户名是否已经存在、验证码是否正确等,并在界面上进行动态信息提示。

1.png

下图是用OnKeyUp事件实现当输入的邮编不符合5个字符长度时的两个状态:

QQ截图20191220142038.png

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