méthode d'implémentation des effets de clavier logiciel relativement simple de jquery_jquery

L'exemple de cet article décrit la méthode d'implémentation relativement simple des effets spéciaux du clavier logiciel dans jquery. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Le diagramme des effets de fonctionnement est le suivant :

1. Les principales parties du HTML sont les suivantes :

Copier le code Le code est le suivant :

 
 

  
• `~

  
• 1!

  
• 2@

  
• 3#

  
• 4$

  
• 5%

  
• 6^

  
• 7&

  
• 8*

  
• 9(

  
• 0)

  
• -_

  
• =

  
• delete

  
• tab

  
• q

  
• w

  
• e

  
• r

  
• t

  
• y

  
• u

  
• i

  
• o

  
• p

  
• [{

  
• ]}

  
• |

  
• verrouillage des majuscules

  
• a

  
• s

  
• d

  
• f

  
• g

  
• h

  
• j

  
• k

  
• l

  
• ;  
• '"

  
• return

  
• shift

  
• z

  
• x

  
• c

  
• v

  
• b

  
• n

  
• m

  
• ,<

  
• .>

  
• /?

  
• shift

  
•  

 

2. jQuery 代码部分需要引入两个文件，具体如下：

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

完整实例代码点击此处本站下载。

希望本文所述对大家的jQuery程序设计有所帮助。