日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

鍵盤輸入法怎么切換 鍵盤輸入

云知道鍵盤輸入


鍵盤輸入法怎么切換 鍵盤輸入


編輯導(dǎo)語：如今手機(jī)在我們的日常生活中隨處可以用到 ， 用手機(jī)進(jìn)行文字溝通需要進(jìn)行鍵盤輸入等操作；本文是作者分享的關(guān)于微信高保真原型圖的鍵盤輸入部分 ， 我們一起來了解一下 。
大家好 ， 我將發(fā)布微信高保真原型圖制作一系列文章 ， 第一部分文章為微信登錄——驗(yàn)證碼登錄系列 。
驗(yàn)證碼登錄系列分為三篇文章 ， 分別為獲取驗(yàn)證碼60秒動態(tài)展示、鍵盤模擬輸入、驗(yàn)證碼驗(yàn)證 。本文將為大家講解模擬鍵盤輸入 。
一、演示
https://7ebpff.axshare.com
二、交互原理講解1. 輸入講解：
舉例說明：點(diǎn)擊q時(shí) ， 文本框獲取到按鈕q的值并顯示在文本框中 。繼續(xù)點(diǎn)擊w ， 文本框獲取到W ， 顯示在文本框中原有的字符q后 ， 顯示內(nèi)容變?yōu)閝w 。
總結(jié)得出 ， 點(diǎn)擊字母按鈕時(shí) ， 文本框獲取到對應(yīng)的字母 ， 將剛獲取的放在文本框中原有的字符后一起顯示 。
簡單表示：點(diǎn)擊按鈕 ， 文本框文本=文本框原有文本+被點(diǎn)擊按鈕文本
2. 元件對象講解
This：獲取當(dāng)前元件對象 ， 當(dāng)前元件指添加事件的元件 。
Target：獲取目標(biāo)元件對象 ， 目標(biāo)元件指添加動作的元件 。
點(diǎn)擊按鈕 ， 文本框獲取按鈕字母 ， 并將文本框文本改變；被點(diǎn)擊的按鈕就是當(dāng)前元件對象 ， 也就是this ， 點(diǎn)擊按鈕需要改變文本框文本 ， 文本框就是目標(biāo)元件 ， 也就是target 。
3. 空格講解
操作原理同輸入 ， 簡單表示：點(diǎn)擊空格 ， 文本框文本=文本框原有文本+空格 。
4. 刪除講解
【鍵盤輸入法怎么切換 鍵盤輸入】舉例說明：文本框中有”qwert”五個(gè)字母 ， 點(diǎn)擊刪除 ， 內(nèi)容變?yōu)椤皅wer” 。刪除后 ， 文本框只顯示前四個(gè)字母 ， 顯示全部長度-1個(gè)字母 。
總結(jié)來說 ， 刪除時(shí) ， 只顯示前總長度-1個(gè)字母就好 ， 用到截取函數(shù)substr(start,length) 。
substr(start,length)：當(dāng)前文本對象中從指定起始位置截取一定長度的字符串 。參數(shù)：start為截取的起始位置 ， 從0開始計(jì)算 ， length為截取的長度 ， 該參數(shù)可以省略 ， 省略則表示從起始位置一直截取到文本對象末尾 。
三、交互操作講解1. 輸入操作
a. 設(shè)計(jì)原型樣式
在頁面添加文本框 ， 取名為“輸入文本框”；設(shè)計(jì)三個(gè)鍵盤 ， 分別為大寫鍵盤、小寫鍵盤、數(shù)字鍵盤 。
b. 設(shè)置交互
將三個(gè)鍵盤樣式轉(zhuǎn)換為動態(tài)面板三個(gè)狀態(tài) ， 分別取名為“大寫”、“小寫”、“數(shù)字” 。
點(diǎn)擊“大寫”、“小寫”鍵盤左下的“123”按鈕時(shí) ， 動態(tài)面板狀態(tài)切換為“數(shù)字” 。
點(diǎn)擊大寫按鈕時(shí) ， 動態(tài)面板狀態(tài)切換為“大寫” 。
點(diǎn)擊小寫和“ABC”按鈕時(shí) ， 動態(tài)面板狀態(tài)切換為“小寫” 。
c. 設(shè)置輸入交互
選中字母按鈕 ， 新建交互單擊時(shí) ， 設(shè)置文本框文本為文本框本身文本(Target.text)+按鈕文本(this.text)
在交互上添加新動作 ， 獲取焦點(diǎn)到輸入文本框（這一步為了在輸入文本框中顯示光標(biāo)） 。
d. 將其他字母交互全部設(shè)置完
選中第一個(gè)按鈕的交互過程 ， ctrl+c ， 選中下一個(gè)按鈕 ， 直接CTRL+v就行 。

推薦閱讀