Axure获取焦点和触发事件

获取焦点
在这里我们用一个简单的登录页面来实现获取焦点的效果

首先，先介绍一下这个效果，在我们平常时登录QQ时我们会发现，当我们什么都不填就直接点击登录按钮时,就会有提示说账号不能为空和密码不能为空。而当我们只填账号不填密码时，一样会提示密码不能为空，只填密码不填账号会提示账号不能为空。其实在Axure中可以用获取焦点来提示用户填什么，下面忽列一些验证来实现
第一步给账号文本框设置“文本改变时”隐藏账号提示“账号不能为空”，一样的设置密码文本框隐藏时密码提示“密码不能为空”。
第二步设置登录按钮的交互事件，这时需要三个判断，一是当两个文本框都为空时要两个提示然后就会在账号文本框里获取焦点，而是当账号文本框为空时要“账号不能为空”这个提示在账号文本框里获取焦点，当密码文本框为空时要“密码不能为空”这个提示在密码文本框里获取焦点。
利用条件去判断，

触发
说到触发，简单来说就是利用这个触发事件去重新调用想要的交互事件。
举个简单的例子，如图是一个矩形里面写了“倒计时”，效果时想点击这个矩形然后让它自动从10倒计时到0，到0后会出现“重新开始”当点击矩形时又会重复上述动作

这时我们需要设置一个全局变量=10，先找到Axure上面的“项目”点击找到“全局变量”设置全局变量为10

然后给矩形设置点击事件，当全局变量的变量值大于等于0时，等待1秒后，设置全局变量的变量值减去1，这时的重点是在“添加动作栏”里面找到触发的动作，设置矩形鼠标单击时再次触发鼠标单击事件，这样就可以达到循环动作，否则设置矩形的文本为“重新开始”设置全局变量的变量值为10

Axure获取焦点和触发事件相关推荐

axure 母版自定义触发事件的工作机制
为什么80%的码农都做不了架构师?>>> 第一步:在母版页面中自定义事件(布局->管理引发事件) 事件是属于某一个母版的,如果一个母版定义了一些事件,那么使用了这个母版的 ...
html 按下和松开事件,JQuery通过键盘控制键盘按下与松开触发事件
JQuery通过键盘控制键盘按下与松开触发事件效果图: HTML部分: 首先设置几个盒子,用来构建这个页面的大致框架. 给盒子相应的类名以及id,方便css的布局以及JQuery的获取. 在盒子内放 ...
事件冒泡及阻止事件冒泡事件的触发事件参数对象获取用户按下键盘的键
事件冒泡及阻止事件冒泡 <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...
js第8章事件案例：获取触发事件的元素，阻止事件冒泡和默认行为的实现、缓动的小球、图片放大特效、按Enter键切换
目录 1.获取触发事件的元素,阻止事件冒泡和默认行为的实现. (1)获取触发事件的元素 (2)阻止事件冒泡 (3)阻止事件默认行为 2.缓动的小球,实现的原理是通过定时器连续地修改当前DOM元素的某个 ...
在C#中使用代理的方式触发事件
事件(event)是一个非常重要的概念,我们的程序时刻都在触发和接收着各种事件:鼠标点击事件,键盘事件,以及处理操作系统的各种事件.所谓事件就是由某个对象发出的消息.比如用户按下了某个按钮,某个文件发 ...
html5 键盘触发事件
html5 键盘触发事件 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
关于Input内容改变的触发事件
1.onchange onchange 事件会在域的内容改变时触发.支持的标签<input type="text">, <textarea>, <se ...
DataList中的按钮触发事件的方法的实现
DataList中的按钮触发事件的方法的实现 1.要在CommandName中设定名字如: <asp:Button id="Button1" runat=&quo ...
使用jQuery中trigger()方法自动触发事件
一.常用事件在页面加载完成时自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...
JQuery 自己主动触发事件
经常使用模拟有时候,须要通过模拟用户操作,来达到单击的效果.比如在用户进入页面后,就触发click事件,而不须要用户去主动单击. 在JQuery中.能够使用trigger()方法完毕模拟操作.比如能 ...

Axure获取焦点和触发事件

Axure获取焦点和触发事件相关推荐

最新文章

热门文章