jqueryの比較的シンプルなソフトキーボード効果の実装method_jquery

この記事の例では、jquery でのソフト キーボード特殊効果の比較的簡単な実装方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

動作効果図は以下のとおりです。

1. HTML の主要な部分は次のとおりです。

コードをコピー コードは次のとおりです:

 
 

  
• `~

  
• 1!

  
• 2@

  
• 3#

  
• 4$

  
• 5%

  
• 6^

  
• 7&

  
• 8*

  
• 9(

  
• 0)

  
• -_

  
• =

  
• delete

  
• tab

  
• q

  
• w

  
• e

  
• r

  
• t

  
• y

  
• u

  
• i

  
• o

  
• p

  
• [{

  
• ]}

  
• |

  
• caps lock

  
• a

  
• s

  
• d

  
• f

  
• g

  
• h

  
• j

  
• k

  
• l

  
• ;:

  
• '"

  
• return

  
• shift

  
• z

  
• x

  
• c

  
• v

  
• b

  
• n

  
• m

  
• ,<

  
• .>

  
• /?

  
• shift

  
•  

 

2. jQuerydaicode 部分には、具体的には次のような 2 つのファイルを組み込む必要があります:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/keyboard.js"></script>

完全な例コード ポイントはここにあります本站ダウンロード。

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。