实例介绍
最近做项目,我负责做网页前端,客户需要利用触摸屏进行操作,不外接鼠标键盘,但要求能录入文字,包括数字,英文,中文。思考了一下,决定用JS实现虚拟键盘。 首先上网搜索了一下JS虚拟键盘,在经过仔细筛选后,相中了VirtualKeyboard,一款功能强大的JS虚拟键盘插件。 先简单介绍一下VirtualKeyboard,它内置了100多种键盘布局和200多种输入法,9套可选皮肤方案,而且支持自建输入法,功能相当强大。
【实例截图】
【核心代码】
16359647681748375336.gz
└── VirtualKeyboard.compact.3.7.2
├── css
│ ├── air_large
│ │ ├── button_set.png
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── air_mid
│ │ ├── button_set.png
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── air_small
│ │ ├── button_set.png
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── flat_gray
│ │ ├── button_set.png
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── goldie
│ │ ├── button_set.png
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── small
│ │ ├── button_set.gif
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── soberTouch
│ │ ├── button_set.gif
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ ├── textual
│ │ ├── keyboard.css
│ │ └── thumbnail.png
│ └── winxp
│ ├── button_set.gif
│ ├── keyboard.css
│ └── thumbnail.png
├── demo_easy.html
├── demo_iframe.html
├── demo_inline.html
├── demo_popup.html
├── extensions
│ ├── e.js
│ └── scriptqueue.js
├── img
│ ├── jsvk.gif
│ └── jsvk_off.gif
├── layouts
│ ├── akan.js
│ ├── albanian.js
│ ├── arabic 101.js
│ ├── arabic 102 azerty.js
│ ├── arabic.js
│ ├── armenian eastern.js
│ ├── armenian western.js
│ ├── assamese.js
│ ├── azery-l.js
│ ├── azery-r.js
│ ├── bambara.js
│ ├── bashkir.js
│ ├── bassa.js
│ ├── baule.js
│ ├── belarus.js
│ ├── belgian-c.js
│ ├── bemba.js
│ ├── bengali-inscript-improved.js
│ ├── bengali-inscript.js
│ ├── bengali.js
│ ├── bengali-probhat.js
│ ├── bengali-unijoy.js
│ ├── bini_ebo.js
│ ├── blackfoot.js
│ ├── bosnian cyrillic.js
│ ├── bosnian.js
│ ├── bulgarian.js
│ ├── bulgarian-l.js
│ ├── bulgarian phonetic.js
│ ├── canadian-f.js
│ ├── canadian-f-l.js
│ ├── canadian-m.js
│ ├── chechen-cyr.js
│ ├── chechen-lat.js
│ ├── cherokee.js
│ ├── chichewa.js
│ ├── chinese-cangjie.js
│ ├── chinese-pynsimpl.js
│ ├── chinese-pyntrad.js
│ ├── colemak.js
│ ├── croatian.js
│ ├── czech.js
│ ├── czech-p.js
│ ├── czech-q.js
│ ├── d
│ │ ├── CN.js
│ │ ├── ET.js
│ │ ├── IKU.js
│ │ ├── IPA.js
│ │ ├── JP.js
│ │ ├── KR.js
│ │ └── LA.js
│ ├── danish.js
│ ├── dari.js
│ ├── delam.js
│ ├── devanagari-inscript.js
│ ├── dinka.js
│ ├── divehi phonetic.js
│ ├── divehi typewriter.js
│ ├── duala.js
│ ├── dutch.js
│ ├── dzongkha.js
│ ├── estonian.js
│ ├── ethiopic-pan-amharic.js
│ ├── ethiopic-washra.js
│ ├── ethiopic-xtt.js
│ ├── ewondo.js
│ ├── faeroese.js
│ ├── farsi.js
│ ├── finnish.js
│ ├── finnish-s.js
│ ├── french.js
│ ├── french-linux.js
│ ├── fulfulde.js
│ ├── gaelic.js
│ ├── ga.js
│ ├── gbe.js
│ ├── georgian-ergonomic.js
│ ├── georgian.js
│ ├── georgian-qwerty.js
│ ├── german-ibm.js
│ ├── german.js
│ ├── glagolitic.js
│ ├── gothic.js
│ ├── greek-220.js
│ ├── greek-220-l.js
│ ├── greek-319.js
│ ├── greek-319-l.js
│ ├── greek.js
│ ├── greek-l.js
│ ├── greek-polytonic.js
│ ├── grenlandic.js
│ ├── gujarati.js
│ ├── hausa.js
│ ├── hebrew.js
│ ├── hebrew sil.js
│ ├── hebrew tiro.js
│ ├── hindi-inscript.js
│ ├── hindi.js
│ ├── hungarian-101.js
│ ├── hungarian.js
│ ├── icelandic.js
│ ├── igbo.js
│ ├── inuktitut-latin.js
│ ├── inuktitut-navkitot.js
│ ├── inuktitut-phonetic.js
│ ├── inuktitut-syllabic.js
│ ├── ipa.js
│ ├── irish.js
│ ├── italian-142.js
│ ├── italian.js
│ ├── japanese.js
│ ├── kannada.js
│ ├── kazakh.js
│ ├── khmer.js
│ ├── khmer-nida.js
│ ├── kikuyu.js
│ ├── kirundi.js
│ ├── korean-2beolsik.js
│ ├── korean-3beolsik.js
│ ├── korean-ru2kor.js
│ ├── krio.js
│ ├── kurdish-ar.js
│ ├── kurdish-cyr.js
│ ├── kurdish-lat.js
│ ├── kyrgyz-c.js
│ ├── lakhota-standard.js
│ ├── lao.js
│ ├── lao-sengkeo.js
│ ├── latin-am.js
│ ├── latvian.js
│ ├── latvian-q.js
│ ├── layouts.js
│ ├── lingala.js
│ ├── lithuanian-ext.js
│ ├── lithuanian-ibm.js
│ ├── lithuanian.js
│ ├── luganda.js
│ ├── luo.js
│ ├── luxembourg.js
│ ├── macedonian.js
│ ├── malayalam.js
│ ├── maltese-47.js
│ ├── maltese-48.js
│ ├── mande.js
│ ├── maori-dvorak-twohand.js
│ ├── maori.js
│ ├── marathi.js
│ ├── mongolian-c.js
│ ├── mongolian-d.js
│ ├── nepali.js
│ ├── norwegian.js
│ ├── norwegian-s.js
│ ├── ogham.js
│ ├── oromo.js
│ ├── pashto.js
│ ├── persian standard.js
│ ├── polish-214.js
│ ├── polish-p.js
│ ├── portuguese-br-2.js
│ ├── portuguese-br.js
│ ├── portuguese.js
│ ├── punjabi.js
│ ├── romanian.js
│ ├── runic-anglo-frisian.js
│ ├── runic-elder.js
│ ├── runic-younder.js
│ ├── russian-diktor.js
│ ├── russian.js
│ ├── russian mac.js
│ ├── russian+qwerty.js
│ ├── russian-translit-alt.js
│ ├── russian-translit.js
│ ├── russian-typewriter.js
│ ├── sami-e-fs.js
│ ├── sami-e-n.js
│ ├── sanskrit-romanized.js
│ ├── senegal multilingual.js
│ ├── serbian-c.js
│ ├── serbian-l.js
│ ├── sesotho.js
│ ├── shona.js
│ ├── sinhala.js
│ ├── slovak.js
│ ├── slovak-q.js
│ ├── slovenian.js
│ ├── somali.js
│ ├── spanish.js
│ ├── spanish-v.js
│ ├── swahili.js
│ ├── swedish-dvorak.js
│ ├── swedish.js
│ ├── swedish-s.js
│ ├── swiss-f.js
│ ├── swiss-german.js
│ ├── syriac.js
│ ├── syriac phonetic.js
│ ├── tagalog.js
│ ├── tajik-lat.js
│ ├── tamil.js
│ ├── tatar.js
│ ├── telugu.js
│ ├── thai.js
│ ├── thai kedmanee.js
│ ├── thai pattachote.js
│ ├── tswana.js
│ ├── tur-f.js
│ ├── turkmen-cyr.js
│ ├── tur-q.js
│ ├── uighur-ar.js
│ ├── uighur-cyr.js
│ ├── uighur-lat.js
│ ├── ukdvk3.js
│ ├── uk-e.js
│ ├── uk_intl4.js
│ ├── uk.js
│ ├── uk-qm102.js
│ ├── ukrainian.js
│ ├── ukrainian phonetic.js
│ ├── ukrainian-translit.js
│ ├── urdu-ar.js
│ ├── urdu crulp phonetic.js
│ ├── urdu inpage monotype.js
│ ├── urdu.js
│ ├── urdu-madni.js
│ ├── urdu-phonetic.js
│ ├── us-d.js
│ ├── us-d-l.js
│ ├── us-d-r.js
│ ├── us-i.js
│ ├── us.js
│ ├── us mac.js
│ ├── us-rul90.js
│ ├── uzbek.js
│ ├── vietnamese.js
│ ├── wolof.js
│ ├── xhosa.js
│ ├── yoruba.js
│ ├── zawgyi-l.js
│ └── zulu.js
├── license.txt
├── setup
│ ├── in
│ │ ├── addons
│ │ │ ├── callbacks
│ │ │ │ ├── blackfoot.js
│ │ │ │ ├── cherokee.js
│ │ │ │ ├── chinese-cangjie.js
│ │ │ │ ├── chinese-pynsimpl.js
│ │ │ │ ├── chinese-pyntrad.js
│ │ │ │ ├── ethiopic-pan-amharic.js
│ │ │ │ ├── ethiopic-washra.js
│ │ │ │ ├── ethiopic-xtt.js
│ │ │ │ ├── inuktitut-phonetic.js
│ │ │ │ ├── inuktitut-syllabic.js
│ │ │ │ ├── ipa.js
│ │ │ │ ├── japanese.js
│ │ │ │ ├── korean-2beolsik.js
│ │ │ │ ├── korean-3beolsik.js
│ │ │ │ ├── korean-ru2kor.js
│ │ │ │ └── lakhota-standard.js
│ │ │ ├── CN.js
│ │ │ ├── ET.js
│ │ │ ├── IKU.js
│ │ │ ├── IPA.js
│ │ │ ├── JP.js
│ │ │ ├── KR.js
│ │ │ └── LA.js
│ │ ├── akan.klc
│ │ ├── albanian.klc
│ │ ├── arabic 101.klc
│ │ ├── arabic 102 azerty.klc
│ │ ├── arabic.klc
│ │ ├── armenian eastern.klc
│ │ ├── armenian western.klc
│ │ ├── assamese.klc
│ │ ├── azery-l.klc
│ │ ├── azery-r.klc
│ │ ├── bambara.klc
│ │ ├── bashkir.klc
│ │ ├── bassa.klc
│ │ ├── baule.klc
│ │ ├── belarus.klc
│ │ ├── belgian-c.klc
│ │ ├── bemba.klc
│ │ ├── bengali-inscript-improved.klc
│ │ ├── bengali-inscript.klc
│ │ ├── bengali.klc
│ │ ├── bengali-probhat.klc
│ │ ├── bengali-unijoy.klc
│ │ ├── bini_ebo.klc
│ │ ├── blackfoot.klc
│ │ ├── bosnian cyrillic.klc
│ │ ├── bosnian.klc
│ │ ├── bulgarian.klc
│ │ ├── bulgarian-l.klc
│ │ ├── bulgarian phonetic.klc
│ │ ├── canadian-f.klc
│ │ ├── canadian-f-l.klc
│ │ ├── canadian-m.klc
│ │ ├── chechen-cyr.klc
│ │ ├── chechen-lat.klc
│ │ ├── cherokee.klc
│ │ ├── chichewa.klc
│ │ ├── chinese-cangjie.klc
│ │ ├── chinese-pynsimpl.klc
│ │ ├── chinese-pyntrad.klc
│ │ ├── colemak.klc
│ │ ├── croatian.klc
│ │ ├── czech.klc
│ │ ├── czech-p.klc
│ │ ├── czech-q.klc
│ │ ├── danish.klc
│ │ ├── dari.klc
│ │ ├── delam.klc
│ │ ├── devanagari-inscript.klc
│ │ ├── dinka.klc
│ │ ├── divehi phonetic.klc
│ │ ├── divehi typewriter.klc
│ │ ├── duala.klc
│ │ ├── dutch.klc
│ │ ├── dzongkha.klc
│ │ ├── estonian.klc
│ │ ├── ethiopic-pan-amharic.klc
│ │ ├── ethiopic-washra.klc
│ │ ├── ethiopic-xtt.klc
│ │ ├── ewondo.klc
│ │ ├── faeroese.klc
│ │ ├── farsi.klc
│ │ ├── finnish.klc
│ │ ├── finnish-s.klc
│ │ ├── french.klc
│ │ ├── french-linux.klc
│ │ ├── fulfulde.klc
│ │ ├── gaelic.klc
│ │ ├── ga.klc
│ │ ├── gbe.klc
│ │ ├── georgian-ergonomic.klc
│ │ ├── georgian.klc
│ │ ├── georgian-qwerty.klc
│ │ ├── german-ibm.klc
│ │ ├── german.klc
│ │ ├── glagolitic.klc
│ │ ├── gothic.klc
│ │ ├── greek-220.klc
│ │ ├── greek-220-l.klc
│ │ ├── greek-319.klc
│ │ ├── greek-319-l.klc
│ │ ├── greek.klc
│ │ ├── greek-l.klc
│ │ ├── greek-polytonic.klc
│ │ ├── grenlandic.klc
│ │ ├── gujarati.klc
│ │ ├── hausa.klc
│ │ ├── hebrew.klc
│ │ ├── hebrew sil.klc
│ │ ├── hebrew tiro.klc
│ │ ├── hindi-inscript.klc
│ │ ├── hindi.klc
│ │ ├── hungarian-101.klc
│ │ ├── hungarian.klc
│ │ ├── icelandic.klc
│ │ ├── igbo.klc
│ │ ├── inuktitut-latin.klc
│ │ ├── inuktitut-navkitot.klc
│ │ ├── inuktitut-phonetic.klc
│ │ ├── inuktitut-syllabic.klc
│ │ ├── ipa.klc
│ │ ├── irish.klc
│ │ ├── italian-142.klc
│ │ ├── italian.klc
│ │ ├── japanese.klc
│ │ ├── kannada.klc
│ │ ├── kazakh.klc
│ │ ├── khmer.klc
│ │ ├── khmer-nida.klc
│ │ ├── kikuyu.klc
│ │ ├── kirundi.klc
│ │ ├── korean-2beolsik.klc
│ │ ├── korean-3beolsik.klc
│ │ ├── korean-ru2kor.klc
│ │ ├── krio.klc
│ │ ├── kurdish-ar.klc
│ │ ├── kurdish-cyr.klc
│ │ ├── kurdish-lat.klc
│ │ ├── kyrgyz-c.klc
│ │ ├── lakhota-standard.klc
│ │ ├── lao.klc
│ │ ├── lao-sengkeo.klc
│ │ ├── latin-am.klc
│ │ ├── latvian.klc
│ │ ├── latvian-q.klc
│ │ ├── lingala.klc
│ │ ├── lithuanian-ext.klc
│ │ ├── lithuanian-ibm.klc
│ │ ├── lithuanian.klc
│ │ ├── luganda.klc
│ │ ├── luo.klc
│ │ ├── luxembourg.klc
│ │ ├── macedonian.klc
│ │ ├── malayalam.klc
│ │ ├── maltese-47.klc
│ │ ├── maltese-48.klc
│ │ ├── mande.klc
│ │ ├── maori-dvorak-twohand.klc
│ │ ├── maori.klc
│ │ ├── marathi.klc
│ │ ├── mongolian-c.klc
│ │ ├── mongolian-d.klc
│ │ ├── nepali.klc
│ │ ├── norwegian.klc
│ │ ├── norwegian-s.klc
│ │ ├── ogham.klc
│ │ ├── oromo.klc
│ │ ├── pashto.klc
│ │ ├── persian standard.klc
│ │ ├── polish-214.klc
│ │ ├── polish-p.klc
│ │ ├── portuguese-br-2.klc
│ │ ├── portuguese-br.klc
│ │ ├── portuguese.klc
│ │ ├── punjabi.klc
│ │ ├── romanian.klc
│ │ ├── runic-anglo-frisian.klc
│ │ ├── runic-elder.klc
│ │ ├── runic-younder.klc
│ │ ├── russian-diktor.klc
│ │ ├── russian.klc
│ │ ├── russian mac.klc
│ │ ├── russian+qwerty.klc
│ │ ├── russian-translit-alt.klc
│ │ ├── russian-translit.klc
│ │ ├── russian-typewriter.klc
│ │ ├── sami-e-fs.klc
│ │ ├── sami-e-n.klc
│ │ ├── sanskrit-romanized.klc
│ │ ├── senegal multilingual.klc
│ │ ├── serbian-c.klc
│ │ ├── serbian-l.klc
│ │ ├── sesotho.klc
│ │ ├── shona.klc
│ │ ├── sinhala.klc
│ │ ├── slovak.klc
│ │ ├── slovak-q.klc
│ │ ├── slovenian.klc
│ │ ├── somali.klc
│ │ ├── spanish.klc
│ │ ├── spanish-v.klc
│ │ ├── swahili.klc
│ │ ├── swedish-dvorak.klc
│ │ ├── swedish.klc
│ │ ├── swedish-s.klc
│ │ ├── swiss-f.klc
│ │ ├── swiss-german.klc
│ │ ├── syriac.klc
│ │ ├── syriac phonetic.klc
│ │ ├── tagalog.klc
│ │ ├── tajik-lat.klc
│ │ ├── tamil.klc
│ │ ├── tatar.klc
│ │ ├── telugu.klc
│ │ ├── thai kedmanee.klc
│ │ ├── thai.klc
│ │ ├── thai pattachote.klc
│ │ ├── tswana.klc
│ │ ├── tur-f.klc
│ │ ├── turkmen-cyr.klc
│ │ ├── tur-q.klc
│ │ ├── uighur-ar.klc
│ │ ├── uighur-cyr.klc
│ │ ├── uighur-lat.klc
│ │ ├── ukdvk3.klc
│ │ ├── uk-e.klc
│ │ ├── uk_intl4.klc
│ │ ├── uk.klc
│ │ ├── uk-qm102.klc
│ │ ├── ukrainian.klc
│ │ ├── ukrainian phonetic.klc
│ │ ├── ukrainian-translit.klc
│ │ ├── urdu-ar.klc
│ │ ├── urdu crulp phonetic.klc
│ │ ├── urdu inpage monotype.klc
│ │ ├── urdu.klc
│ │ ├── urdu-madni.klc
│ │ ├── urdu-phonetic.klc
│ │ ├── us-d.klc
│ │ ├── us-d-l.klc
│ │ ├── us-d-r.klc
│ │ ├── us-i.klc
│ │ ├── us.klc
│ │ ├── us mac.klc
│ │ ├── us-rul90.klc
│ │ ├── uzbek.klc
│ │ ├── vietnamese.klc
│ │ ├── wolof.klc
│ │ ├── xhosa.klc
│ │ ├── yoruba.klc
│ │ ├── zawgyi-l.klc
│ │ └── zulu.klc
│ ├── io.js
│ ├── out
│ ├── setup.html
│ ├── setup.php
│ ├── trantable.html
│ ├── vk.inc.js
│ └── vk.inc.php
├── virtualkeyboard.js
├── vk_easy.js
├── vk_iframe.html
├── vk_iframe.js
├── vk_loader.js
├── vk_popup.html
└── vk_popup.js
20 directories, 541 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论