<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数字小键盘测试</title>
<style>
</style>
</head>
<body>
<!--
说明：
１．使用的前提是需要引入jquery.js文件，本范例中已经引入
２．元素的绑定支持jquery语法，被绑定的元素必须含有类mykeyboard才会生效
３．默认键盘出现位置在被绑定元素的下方显示，当被绑定元素在底部，底部空间不足时，键盘会在上方显示
４．可以自定义键盘出现位置，通过jquery.css()里面的参数，json对象进行设置
-->
<link rel="stylesheet" href="css/num_keyboard.css" />
<script src="js/jquery.min.js"></script>
<script src="js/num_keyboard.js"></script>
输入框１(默认位置)<input type="text" id="my_input" class="mykeyboard"/>
输入框２(自定义位置)<input type="text" id="my_input2" class="mykeyboard"/>
<script>
//默认出现位置在绑定元素的下方出现，如果底部距离不足，则在绑定元素的上部出现
$('#my_input').mykeyboard();
//里面位置参数使用的是jquery语法，定位:fixed
$('#my_input2').mykeyboard({'left':'300px','top':'400px'});
</script>
</body>
</html>
评论0