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>