jQuery手机端输入框虚拟键盘切换代码

jQuery手机虚拟键盘插件制作点击输入框弹出手机软键盘效果。支持字母，数字，符号，英文大小写切换等功能。这是一款非常实用的手机网页键盘，可用于银行信息、聊天工具、网银密码等网络应用。

[声明] 墨鱼部落格所有资源为用户免费分享产生，若发现您的权利被侵害，请点击后方链接查看并联系我们，我们尽快处理。免责声明|侵权处理流程

使用方法：

1、head引入css文件

<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/keyboard.css">

<style>
	.m{
	margin-top: 100px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
	}
	.m input{
    border: 1px solid #9A9A9A;line-height: 30px;width: 300px;padding-left: 10px
}
</style>

2、head引入js文件

<script src="js/jquery.min.js"></script>

3、body引入HTML代码

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

<script src="js/slide.js"></script> 
<script>
    $(document).ready(function() {

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

    });
</script>

文件目录

本资源来自：代码 » 其他特效 » jQuery手机端输入框虚拟键盘切换代码

注：此资源非帝国CMS模板/特效/源码，需要帝国CMS整站模板源码的小伙伴，请移步 帝国CMS模板，感谢支持！