这期内容当中小编将会给大家带来有关JavaScript实现电脑虚拟键盘的方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
需求:
1.当输入框光标聚焦时,电脑虚拟键盘弹出
2.在输入框输入内容时,键盘跟着变化
具体实现代码如下:
Html部分:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" rel="external nofollow" > <link rel="stylesheet" href="./index.css" rel="external nofollow" > <title>电脑键盘的实现</title> </head> <body> <div class="input_box"> <input type="text" id="myinput" placeholder="点击输入框弹出键盘" value=""/> </div> <div class="keyBoard"> </div> <script src="./jquery-1.11.0.min.js"></script> <script src="./index.js"></script> <script> </script> </body> </html>