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

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

收藏
jQuery手机端输入框虚拟键盘切换代码
jQuery手机虚拟键盘插件制作点击输入框弹出手机软键盘效果。支持字母,数字,符号,英文大小写切换等功能。这是一款非常实用的手机网页键盘,可用于银行信息、聊天工具、网银密码等网络应用。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 I想要
  • 上传时间 6年前

使用方法:

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>

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。