Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 202 Article 3: Rich Functionality复杂功能 - OnKeyUp Event - OnKeyUp事件

25 篇文章 0 订阅

Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 202 Article 3: Rich Functionality复杂功能 - OnKeyUp Event - OnKeyUp事件

Overview

概 述

    1. OnKeyUp Event

    1. OnKeyUp事件
    2. Sample Usage: Real-time Form Validation

    2. 用法示例:实时表单验证

1. OnKeyUp Event

1. OnKeyUp事件

The OnKeyUp event is available for Text Field and Text Area widgets. The OnKeyUp event occurs when the user releases a keyboard key while typing in the widget. This can be used to respond to keyboard input on text fields and text areas as the user is typing.
Text Field“文本域”和Text Area“文本区域”部件支持OnKeyUp事件。当使用者在部件中输入时,释放键盘键将触发OnKeyUp事件。经常用于用户在文本域和文本区域输入过 程响应键盘输入。

2. Sample Usage: Real-time Form Validation

2. 用法示例:实时表单验证

One example usage of the OnKeyUp event is to design a form that provides real-time feedback to the user as they enter data.
OnKeyUp事件的一个用法示例是 设计一个在用户输入数据时提供实时反馈的表单。

Consider a text field for zip code where the length of the value must be equal to 5 characters.
假定一个文本域用于值长度必须是5个字符的美式邮政编码。

For the first case on the OnKeyUp event of the text field, a condition can be defined to check if the length of the value in the text field is 5 characters long. In that case, a message is shown to indicate that the value is now valid.
文本域的OnKeyUp事件的第一个用例包括一个检查文本域的值的长度是否为5个字符的条件,在 这个用例中显示一个说明值有效的消息。

In a second case, a message could be shown to indicate that the field is not valid and describes the requirement for the field.
第二个用例显示一个值无效以及字段要求的消息。

Here are screenshots showing the transition from one state to another state when 5 characters have been entered into the zip code field.
下面 显示当5个字符输入到邮政编码字段时从一个状态转换成另一个状态的截图。



[Axure RP Pro - Tutorial教程 - 5.5 AXURE 202: Rich Functionality复杂功能 - Article 3: OnKeyUp Event - OnKeyUp事件 - 文档]

http://www.axure.com/p202_3.aspx

[Axure RP Pro - 官方网站]

http://www.axure.com/

[Axure RP Pro - 关键词]

axure

[Axure RP Pro - 相关论坛]

http://axure.com/cs/forums/

[Axure RP Pro - Download下载]

当 前版本AXure RP Pro 5.5.0.1939, http://axure.cachefly.net/AxureRP-Pro-Setup.exe

 

当 前版本AXure RP Pro 5.5.0.1939, http://www.axure.com/files/AxureRP-Pro-Setup.exe

Microsoft .Net Framework 2.0, http://www.microsoft.com/downloads/details.aspx?FamilyID=0856EACB-4362-4B0D-8EDD-AAB15C5E04F5

翻译, Manual Installation手工安装包, http://www.axure.com/Files/AxureRPFiles.zip

 

Microsoft Office Compatibility Pack兼容包 Service Pack 1 (SP1), http://www.microsoft.com/downloads/details.aspx?FamilyID=9a1822c5-49c6-47bd-8bec-0d68693ca564

Axure RP Pro 5.1.0.1699, http://www.axure.com/files/5-1-0-1699/AxureRP-Pro-Setup.exe

 

Axure RP Pro 5.0.0.1515, http://www.axure.com/files/5-0-0-1515/AxureRP-Pro-Setup.exe

 

[Axure RP Pro - Beta测试版]

下载Axure RP Pro 5.5 Beta, http://www.axure.com/downloadbeta.aspx

Introduction to Version 5.5 Features: Part 1, http://axure.com/cs/blogs/axure/archive/2008/11/19/Introduction-to-Version-5.5-Features_3A00_-Part-1.aspx

Introduction to Version 5.5 Features: Part 2, http://axure.com/cs/blogs/axure/archive/2008/11/13/Introduction-to-Version-5.5-Features_3A00_-Part-2.aspx

Introduction to Version 5.5 Features: Part 3, http://axure.com/cs/blogs/axure/archive/2008/11/13/Introduction-to-Version-5.5-Features_3A00_-Part-3.aspx

 

[Axure RP Pro - Tutorial教程 - 翻译]

AXURE 101: Introduction介绍 - Article 1: Introduction to Axure RP - Axure RP介绍, http://www.axure.com/p101_1.aspx

AXURE 101: Introduction介绍 - Article 2: Annotated Wireframes, http://www.axure.com/p101_2.aspx

AXURE 101: Introduction介绍 - Article 3: Basic Interactions基本交互, http://www.axure.com/p101_3.aspx

AXURE 101: Introduction介绍 - Article 4: Masters主控文档, http://www.axure.com/p101_4.aspx

AXURE 101: Introduction介绍 - Article 5: HTML Prototypes - HTML原型, http://www.axure.com/p101_5.aspx

AXURE 101: Introduction介绍 - Article 6: Functional mq s功能规格, http://www.axure.com/p101_6.aspx  

AXURE 102: Flow Diagrams流程图 - Article 1: Flow Shapes & Connectors流程图形和连接符号, http://www.axure.com/p102_1.aspx  

AXURE 102: Flow Diagrams流程图 - Article 2: Generating Flow Diagrams生成流程图, http://www.axure.com/p102_2.aspx

 

AXURE 201: Rich Interactions复杂交互 - Article 1: Dynamic Panels动态面板, http://www.axure.com/p201_1.aspx

AXURE 201: Rich Interactions复杂交互 - Article 2: OnMouseEnter, OnMouseOut, and Rollover Effects - OnMouseEnter, OnMouseOut和翻转效果, http://www.axure.com/p201_2.aspx

 

AXURE 201: Rich Interactions复杂交互 - Article 3: Menus菜单, http://www.axure.com/p201_3.aspx

AXURE 201: Rich Interactions复杂交互 - Article 4: Advanced Interactions Editor高级交互编辑器, http://axure.com/p201_4.aspx

AXURE 201: Rich Interactions复杂交互 - Article 5: Shape, Image & Menu Styles形状、图像和菜单样式, http://axure.com/p201_5.aspx

 

5.5 AXURE 202: Rich Functionality复杂功能 - Article 1: Conditional Logic条件逻辑, http://www.axure.com/p202_1.aspx

AXURE 202: Rich Functionality复杂功能 - Article 2: OnChange Event - OnChange事件, http://www.axure.com/p202_2.aspx

 

 

AXURE 202: Rich Functionality复杂功能 - Article 3: OnKeyUp Event - OnKeyUp事件, http://www.axure.com/p202_3.aspx

AXURE 202: Rich Functionality复杂功能 - Article 4: OnFocus and OnLostFocus Events - OnFocus和OnLostFocus事件, http://www.axure.com/p202_4.aspx

AXURE 202: Rich Functionality复杂功能 - Article 5: Variables - 变量, http://www.axure.com/p202_5.aspx

AXURE 202: Rich Functionality复杂功能 - Article 6: OnPageLoad Event - OnPageLoad事件, http://www.axure.com/p202_6.aspx

AXURE 301: Maximizing Reuse of Masters最大化重用主控 - Article 1: Affecting Widgets in Masters在主控中影响部件, http://www.axure.com/p301_1.aspx

AXURE 301: Maximizing Reuse of Masters最大化重用主控 - Article 2: Raised Events发起事件, http://www.axure.com/p301_2.aspx

AXURE 401: Collaboration协作 - Article 1: Shared Projects共享工程, http://www.axure.com/p401_1.aspx

[Axure RP Pro - Introduction介绍]

RP的含义

面板的组织方式

[Axure RP Pro - Action动作]

Parent Window父窗口

[Axure RP Pro - Event事件]

窗口间互操作

[Axure RP Pro - Master主控文档]

拖放控件
Expand.Collapse伸缩控件

将主控文档添加到多个页面

[Axure RP Pro - Prototype原型]

关闭Internet Explorer打开原型时出现的安全警告

[Axure RP Pro - Specification规格文档]

规格文档中显示部件的属性

规 格文档中屏幕截图的脚标

[Axure RP Pro - Wireframe线框]

选择后面的部件

rollover style翻转样式的常见误解

[Axure RP Pro - Widget部件]

水平线不能调整高度,垂直线不能调整宽度

如 何实现页内多个锚的效果

菜单部件不支持选中样式

[Axure RP Pro - jQuery]

如何在Axure RP Pro生成的HTML原型文档中集成jQuery, How to integrate jQuery into HTML prototype document generated by Axure RP Pro

如何获取IFrame的URL,How to retrieve the URL of IFrame widget

如何在 Axure RP Pro生成的HTML原型文档中使用自定义脚本, How to integrate customized javascript into HTML prototype document generated by Axure RP Pro

“移 到最前”效果,"Bring to Front" Interaction

如何实现淡入淡出效果,How to implement fade in and fade out effects

如何设置焦点,How to implement the "set focus" action

[Axure RP Pro - 相关问题]

Manual Installation

原型中切换页面时会闪一下

让规格文档中的页面图片和标题保持在同一页,fit section header and page image on one page

跨原型链接页面

显示视频

OnMouseOver事件和Rollover翻转效果浏览器不兼容

导入时保持变量有效

变量值与部件内容并不都能相互传递

导出在PDF

显示Google地图

在规格文档中描述Inline Frame部件的Default Target规格

渐变填充

使用正则表达式的较验函数在Firefox下出错

Style Editor样式编辑器以及已知的一些缺陷

Text Panel部件在设计时的效果与原型不一致

在不同工程之间使用masters主控文档

判断动态面板的状态

原型中Droplist“下拉列表”部件在IE6中总显示在最前面

设置首页面

自定义样式不能应用于翻转样式

线框中的字号与原型中的字号的关系

修改自定义样式对已应用该样式部件的逻辑

与IFrame部件中的页面互操作

在OnPageLoad事件中使用多个case用例

Open Link in Current Window,Close Current Window,Open Link in Parent Frame将忽略其余动作

使用Google Code服务分享工程的限制及原因

Button按钮部件不支持设置文字以及解决方法

修改生成的prototype原型的css样式表

在文本框中显示提示信息

OnPageLoad事件中的动作不会触发部件的事件

Droplist下拉列表框部件在规格文档中不包括默认值

dynamic panel动态面板上的image图片部件设置了rollover翻转图片后在OnClick事件中不能正确隐藏所在面板

文本不支持Rollover翻转效果以及迂回解决办法

设定多套初始化变量

表格的单元格不能使用动作设置文字

Text Panel文本部件不支持超链接及迂回处理办法

设置页面尺寸

在规格文档中显示部件工具提示

master主控文档的behavior行为是custom widget自定义部件时丢失raised event可触发事件

模拟加法运算

设置打开原型的默认浏览器

Listbox列表框部件不支持修改选项

数字键盘

checkbox 复选框部件的OnClick事件中复选框的状态已发生了改变

监视变量

限制输入数字

Wireframe 线框绘制尺寸的范围及处理方案

不支持最大化显示Popup窗口

使用masters组件监视变量

在规格文档中动态面板中的droplist下拉列表框部件会重复输出选项列表

一些字符无法直接进入编辑部件文字状态

Hyperlink超链接部件不使用浏览器的超链接效果

Specification规格文档中仅包含Dynamic Panel动态面板部件在默认状态下的页面截图

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
<p> <span style="font-size:14px;color:#337FE5;">【为什么学爬虫?】</span> </p> <p> <span style="font-size:14px;">       1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到!</span> </p> <p> <span style="font-size:14px;">       2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站</span> </p> <p> <br /> </p> <span style="font-size:14px;color:#337FE5;">【课程设计】</span> <p class="ql-long-10663260"> <span> </span> </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: </p> <ol> <li class="" style="font-size:11pt;color:#494949;"> 网络请求:模拟浏览器的行为从网上抓取数据。 </li> <li class="" style="font-size:11pt;color:#494949;"> 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 </li> <li class="" style="font-size:11pt;color:#494949;"> 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 </li> </ol> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: </p> <ol> <li class="" style="font-size:11pt;color:#494949;"> 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 </li> <li class="" style="font-size:11pt;color:#494949;"> Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 </li> </ol> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 </p> <p style="font-size:11pt;color:#494949;">   </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! </p> <p class="ql-long-26664262" style="font-size:11pt;color:#494949;"> <br /> </p> <p> <br /> </p> <p> <span style="font-size:14px;background-color:#FFFFFF;color:#337FE5;">【课程服务】</span> </p> <p> <span style="font-size:14px;">专属付费社群+定期答疑</span> </p> <p> <br /> </p> <p class="ql-long-24357476"> <span style="font-size:16px;"><br /> </span> </p> <p> <br /> </p> <p class="ql-long-24357476"> <span style="font-size:16px;"></span> </p>
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值