程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长

+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

26键-键盘输入设计—Axure 9

发布于2021-05-30 21:05     阅读(1283)     评论(0)     点赞(16)     收藏(5)


水印去不掉,将就看吧(╥╯^╰╥)
在这里插入图片描述

交互原理

1. 设置输入交互

  • 选中字母按钮,新建交互单击时,设置文本框文本为 文本框本身文本(Target.text)+按钮文本(this.text)
    意思是:文本框文本=文本框原有文本+被点击按钮文本
  • 在交互上添加新动作,获取焦点到输入文本框(为了在输入文本框中显示光标)。
    在这里插入图片描述

元件解释:

  • This:获取当前元件对象,当前元件指添加事件的元件。
  • Target:获取目标元件对象,目标元件指添加动作的元件。
  • 点击按钮,文本框获取按钮字母,并将文本框文本改变;被点击的按钮就是当前元件对象,也就是this,点击按钮需要改变文本框文本,文本框就是目标元件,也就是target。

其他字母交互全部设置,复制粘贴即可

2. 空格操作

  • 操作原理同输入,表示:点击空格,文本框文本=文本框原有文本+空格

  • 选中空格,设置输入框文本为文本框原有文字+空格

在这里插入图片描述

3. 删除操作

  • 选中删除键,新建交互,单击时,设置输入文本框文本的文字截取从第一个文字开始,长度为全部长度-1个文本。

  • 假设文本框中有“1234”四个文本,点击删除时,文本框中的文字变成了“123”,用截取函数来说就是每次删除都是截取了文本除了最后一个文本的所有文本。

  • 所以,删除时,只显示前总长度-1个字母就好,用到 截取函数 substr(start,length)

  • 截取函数是截取文本的,所以第一步要获取到目标元件的文本,即target.text。

  • substr(start,length),需要截取从第一个文本的函数,所以start是0,截取文本全部长度-1个文本,所以length是目标元件文本的长度-1,就是Target.text.length-1,所以截取函数表达为 substr(0,Target.text.length-1),结合起来就是 [[Target.text.substr(0,Target.text.length-1)]]

  • substr(start,length):当前文本对象中从指定起始位置截取一定长度的字符串。参数:start为截取的起始位置,从0开始计算,length为截取的长度,该参数可以省略,省略则表示从起始位置一直截取到文本对象末尾。

在这里插入图片描述

已上传资源文件

原文链接:https://blog.csdn.net/zcl050505/article/details/117357659



所属网站分类: 技术文章 > 博客

作者:你说php不行了

链接:http://www.phpheidong.com/blog/article/86953/32d0ea9be0ede3d96b92/

来源:php黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

16 0
收藏该文
已收藏

评论内容:(最多支持255个字符)