virtualKeyboard

功能描述

手机虚拟键盘,支持字母,数字,符号,英文大小写切换等功能,用例见 virtualKeyboard.html

依赖的模块

  1. ./libs/jquery.min.js
  2. ./virtualKeyboard.css
  3. ./virtualKeyboard.js

快速使用

引入模块所需文件

  1. <link rel="stylesheet" href="./virtualKeyboard.css">
  2. <script src="./libs/jquery.min.js"></script>
  3. <script src="./virtualKeyboard.js"></script>

DOM元素

  1. <input type="text" class="account" value="" />

执行模块方法

  1. $("input").focus(function() {
  2. // 阻止弹出系统软键盘
  3. document.activeElement.blur();
  4. var _cliss = $(this).attr("class");
  5. $('body').keyboard({
  6. defaults: 'English', // 键盘显示类型 English 字母 number 数字 symbol 符号
  7. inputClass: _cliss, // 输入框Class
  8. caseSwitch: 'toLowerCase', // 英文大小写 toLowerCase 小写 toUpperCase 大写
  9. });
  10. });