Jquery之键盘输入数字转换大写

最新推荐文章于 2024-04-10 17:17:42 发布

Uno2

最新推荐文章于 2024-04-10 17:17:42 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery学习

本文链接：https://blog.youkuaiyun.com/Raynaing/article/details/51287883

Jquery学习专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的功能，该功能可以将用户通过键盘输入的数字实时转换成中文大写形式，并显示在网页上。此代码适用于前端开发场景，能够帮助开发者快速实现数字到中文大写的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>