Jquery之键盘输入数字转换大写
2016-04-30 21:15
477 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.12.1.js"></script> <style type="text/css"> #show { background-color: lightgray; height: 50px; width: 200px; } </style> <script type="text/javascript"> <!--零壹贰叁肆伍陆柒捌玖--> var numarr = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); $(function() { $("input").on("keydown", function(event) { console.info(event.keyCode); if (event.keyCode < 48 || event.keyCode > 57) { return false; } else { var txt = numarr[event.keyCode - 48]; console.info(txt); $("#show").text($("#show").text() + txt); return true; } }); }); </script> </head> <body> <h1>键盘输入测试</h1> <div> <input type="text" /> </div> <div id="show"></div> </body> </html>
相关文章推荐
- jquery操作DOM元素的复习
- jQuery基础学习(一)—jQuery初识
- jQuery弹出美女大图片
- SweetAlert – 替代 Alert 的漂亮的提示效果
- jQuery的ajax方法小解
- jquery属性操作
- jquery属性操作
- jquery的动画总结
- Jquery中事件的绑定和解除
- jQuery中this与$(this)的区别
- Swiper – 经典的移动触摸滑块插件(免费)
- Jquery学习知识点
- jquery 应用小结
- jquery 时间段
- HTML5中类jQuery选择器querySelector的使用
- jQuery 实现Ajax
- Jquery之访问元素内容
- JQuery EasyUI datagrid 复杂表头处理
- Jquery之获取和设置元素内容
- Jquery之元素属性的设置和获取