javascript实现软键盘输入，兼容多种浏览器，测试通过

共4个文件

js：2个

css：1个

html：1个

软键盘输入

4星 · 超过85%的资源需积分: 50 158 浏览量 2012-05-25 12:48:48 上传评论 1 收藏 22KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

javascript实现软键盘输入，兼容多种浏览器，测试通过.rar （4个子文件）

javascript实现软键盘输入，兼容多种浏览器，测试通过

index.html 3KB

keyboard.js 1KB

jquery.min.js 56KB

css

style.css 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Online Keyboard-Download by http://www.codefans.net</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="container">  <input type="password" id="write" rows="6" cols="60" /> <ul id="keyboard"> <li class="symbol">`~</li> <li class="symbol">1!</li> <li class="symbol">2@</li> <li class="symbol">3#</li> <li class="symbol">4$</li> <li class="symbol">5%</li> <li class="symbol">6^</li> <li class="symbol">7&</li> <li class="symbol">8*</li> <li class="symbol">9(</li> <li class="symbol">0)</li> <li class="symbol">-_</li> <li class="symbol">=+</li> <li class="delete lastitem">delete</li> <li class="tab">tab</li> <li class="letter">q</li> <li class="letter">w</li> <li class="letter">e</li> <li class="letter">r</li> <li class="letter">t</li> <li class="letter">y</li> <li class="letter">u</li> <li class="letter">i</li> <li class="letter">o</li> <li class="letter">p</li> <li class="symbol">[{</li> <li class="symbol">]}</li> <li class="symbol lastitem">\|</li> <li class="capslock">caps lock</li> <li class="letter">a</li> <li class="letter">s</li> <li class="letter">d</li> <li class="letter">f</li> <li class="letter">g</li> <li class="letter">h</li> <li class="letter">j</li> <li class="letter">k</li> <li class="letter">l</li> <li class="symbol">;:</li> <li class="symbol">'"</li> <li class="return lastitem">return</li> <li class="left-shift">shift</li> <li class="letter">z</li> <li class="letter">x</li> <li class="letter">c</li> <li class="letter">v</li> <li class="letter">b</li> <li class="letter">n</li> <li class="letter">m</li> <li class="symbol">,<</li> <li class="symbol">.></li> <li class="symbol">/?</li> <li class="right-shift lastitem">shift</li> <li class="space lastitem"> </li> </ul> </div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/keyboard.js"></script> </body> </html>

评论收藏

内容反馈