[發(fā)明專利]基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法及其應(yīng)用

在審

• 申請(qǐng)?zhí)枺?/td>: 202110294686.X
• 申請(qǐng)日: 2021-03-19
• 公開（公告）號(hào): CN112988154A
• 公開（公告）日: 2021-06-18
• 發(fā)明（設(shè)計(jì)）人: 曹一康;鐘衛(wèi)為;黃曉艷
• 申請(qǐng)（專利權(quán)）人: 武漢虹信技術(shù)服務(wù)有限責(zé)任公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F3/02
• 代理公司: 武漢東喻專利代理事務(wù)所(普通合伙) 42224
• 代理人: 雷霄

1.一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法，其特征在于，包括步驟：

S1，編寫虛擬鍵盤JS文件和虛擬鍵盤CSS文件，所述虛擬鍵盤JS文件用于定義虛擬鍵盤函數(shù)，所述虛擬鍵盤函數(shù)用來繪制虛擬鍵盤外形、實(shí)現(xiàn)虛擬鍵盤輸入功能、以及控制虛擬鍵盤喚醒和隱藏，所述虛擬鍵盤CSS文件用于配合繪制虛擬鍵盤外形及定義虛擬鍵盤樣式；

S2，在待實(shí)現(xiàn)虛擬鍵盤功能的項(xiàng)目中通過Script標(biāo)簽引入所述虛擬鍵盤JS文件和jQuery庫(kù)，并且還通過link標(biāo)簽引入所述虛擬鍵盤CSS文件；

S3，為待實(shí)現(xiàn)虛擬鍵盤功能的項(xiàng)目中的輸入框元素綁定所述虛擬鍵盤函數(shù)。

2.如權(quán)利要求1所述的一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法，其特征在于，所述步驟S1包括子步驟：

S11，創(chuàng)建虛擬鍵盤JS文件，為jQuery的原型添加虛擬鍵盤函數(shù)對(duì)象，創(chuàng)建虛擬鍵盤CSS文件；

S12，在所述虛擬鍵盤函數(shù)中定義虛擬鍵盤外形、虛擬鍵盤輸入按鍵、和虛擬鍵盤隱藏按鍵，在所述虛擬鍵盤CSS文件中配合繪制虛擬鍵盤外形及定義虛擬鍵盤樣式；

S13，在所述虛擬鍵盤函數(shù)內(nèi)部定義詞典對(duì)象；

S14，在所述虛擬鍵盤JS文件中為所有虛擬鍵盤按鍵綁定Click事件。

3.如權(quán)利要求2所述的一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法，其特征在于，所述步驟S12包括子步驟：

在所述虛擬鍵盤函數(shù)中新增類名為虛擬鍵盤的塊級(jí)元素，該塊級(jí)元素用作鍵盤容器，在所述虛擬鍵盤CSS文件中配合繪制虛擬鍵盤外形，在所述虛擬鍵盤函數(shù)中為虛擬鍵盤添加虛擬鍵盤隱藏按鍵；

在虛擬鍵盤的塊級(jí)元素中新建類名為輸出區(qū)的塊級(jí)元素，該塊級(jí)元素用于點(diǎn)擊虛擬鍵盤輸入按鍵時(shí)，顯示和選擇文字；

在輸出區(qū)的塊級(jí)元素下面添加類名為輸入?yún)^(qū)的塊級(jí)元素，該塊級(jí)元素用于鍵盤輸入按鍵的容器，并在容器內(nèi)部用無序列表標(biāo)簽配合所述虛擬鍵盤CSS文件繪制虛擬鍵盤輸入按鍵。

4.如權(quán)利要求1所述的一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法，其特征在于，所述步驟S3包括子步驟：

為每個(gè)輸入框元素綁定身份標(biāo)識(shí)；

然后通過jQuery的身份標(biāo)識(shí)選擇器選中身份標(biāo)識(shí)綁定所述虛擬鍵盤函數(shù)。

5.如權(quán)利要求1所述的一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法，其特征在于，還包括步驟：

復(fù)制所述虛擬鍵盤JS文件和虛擬鍵盤CSS文件到新項(xiàng)目中；

在待實(shí)現(xiàn)虛擬鍵盤功能的新項(xiàng)目中再次執(zhí)行所述步驟S2和S3。

6.如權(quán)利要求所述的一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)方法，其特征在于，還包括步驟：在所述虛擬鍵盤CSS文件修改虛擬鍵盤樣式。

7.一種基于JavaScript的可復(fù)用虛擬鍵盤實(shí)現(xiàn)系統(tǒng)，其特征在于，包括：

編寫模塊，用于編寫虛擬鍵盤JS文件和虛擬鍵盤CSS文件，所述虛擬鍵盤JS文件用于定義虛擬鍵盤函數(shù)，所述虛擬鍵盤函數(shù)用來繪制虛擬鍵盤外形、實(shí)現(xiàn)虛擬鍵盤輸入功能、以及控制虛擬鍵盤喚醒和隱藏，所述虛擬鍵盤CSS文件用于配合繪制虛擬鍵盤外形及定義虛擬鍵盤樣式；

引入模塊，用于在待實(shí)現(xiàn)虛擬鍵盤功能的項(xiàng)目中通過Script標(biāo)簽引入所述虛擬鍵盤JS文件和jQuery庫(kù)，并且還通過link標(biāo)簽引入所述虛擬鍵盤CSS文件；

關(guān)聯(lián)模塊，用于為待實(shí)現(xiàn)虛擬鍵盤功能的項(xiàng)目中的輸入框元素綁定所述虛擬鍵盤函數(shù)。