键盘输入法怎么切换 键盘输入( 二 )


继续将大写键盘的字母和数字键盘的数字等全都复制完成 , 键盘的输入就设置好了 。
2. 空格操作
选中空格 , 设置输入框文本为文本框原有文字+空格(敲一下空格键) 。
在交互上添加新动作 , 获取焦点到输入文本框 。
3. 删除操作
选中删除键 , 新建交互 , 单击时 , 设置输入文本框文本的文字截取从第一个文字开始 , 长度为全部长度-1个文本 。
在交互上添加新动作 , 获取焦点到输入文本框 。
这里函数比较复杂 , 举个例子讲解一下:
假设文本框中有“1234”四个文本 , 点击删除时 , 文本框中的文字变成了“123” , 用截取函数来说就是每次删除都是截取了文本除了最后一个文本的所有文本 。
截取函数是截取文本的 , 所以第一步要获取到目标元件的文本 , 即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)]] 。
结语:完成以上操作 , 验证码登录的键盘输入高保真原型图就完成了 。
本文由@多知 原创发布于人人都是产品经理 , 未经许可 , 禁止转载 。
题图来自Unsplash , 基于CC0协议
(今完)

推荐阅读