<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery手机移动端点击弹出数字键盘输入代码</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<!-- 核心样式【必须引入】 -->
<link rel="stylesheet" href="css/mobile-keyboard.min.css">
<!-- 测试样式【非必须】 -->
<link rel="stylesheet" href="css/demo.css">
</head>
<body>
<div class="container">
<input type="text" class="num" placeholder="纯数字类型" /><br>
<input type="text" class="float" placeholder="小数类型" /><br>
<input type="text" class="idcard" placeholder="身份证" /><br>
</div>
<!-- 核心JS【必须引入】 -->
<script src="js/jquery.min.js"></script>
<script src="js/mobile-keyboard.min.js"></script>
<script>
// 键盘初始化参数 type: {纯数字 = 0, 小数 = 1, 身份证 = 2}
$('.num').bind("click", function(){
$(this).mobileKeyboard({type: 0});
});
$('.float').bind("click", function(){
$(this).mobileKeyboard({type: 1});
});
$('.idcard').bind("click", function(){
$(this).mobileKeyboard({type: 2});
});
</script>
</body>
</html>
jQuery手机移动端点击弹出数字键盘输入代码.zip
版权申诉
5 浏览量
2023-09-21
00:26:38
上传
评论
收藏 40KB ZIP 举报
码云笔记
- 粉丝: 2w+
- 资源: 5851