js如何显示input输入的文字的个数

一、直接上效果图

二、直接上代码


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="fabu">
		    <input type="text" id="contact" oninput="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">
		    <p id="counter">0</p>
		</div>
		
		<script>
		    document.getElementById('contact').addEventListener('input', function() {
		        let count = this.value.replace(/[^\u4e00-\u9fa5]/g, '').length;
		        document.getElementById('counter').textContent = count;
		    });
		</script>
	</body>
</html>

三、功能讲解

此功能比较简单只需要获取当前输入框的值，在获取所输入值的length在将value.length的值渲染到页面上就可以了；

希望可以帮到大家

相关阅读:
个人微信api
探秘公有IP地址与私有IP地址的区别及其在路由控制中的作用
分享关于UE4中matinee工具的使用教程
YARN功能介绍、交互流程及调度策略
自编译 micropython ESP32固件指南以及16MB固件分享
360评估应用的6大场景
14.结构和其他数据形式
C++复习 ——内联函数
docker 部署私人 nuget 服务
如何通过C#/VB.NET 代码调整PDF文档的页边距

原文地址：https://blog.csdn.net/tianxianghuiwei/article/details/136582668