Input 精确到9位小数

最新推荐文章于 2025-01-07 10:26:16 发布

原创最新推荐文章于 2025-01-07 10:26:16 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #字符串 #javascript

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个HTML页面中使用JavaScript实现的输入框，该输入框仅允许输入数字，并在用户输入后进行格式调整，确保数值精度并输出标准化的小数点后9位数。通过onkeyup和onafterpaste事件，防止非数字字符的输入。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<input id="xx" value="0" type="number" οnkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d.]/g,'')"  />	
		<button onclick="getValue()">输出</button>
	</body>
	<script type="text/javascript">
      
	  function getValue(){
		  var value = document.getElementById("xx").value
		  var str = value.toString()
		  var index = str.indexOf('.')
		  if(index<0){
			  str+='.000000000'
		  }else{
			  var num = str.substring(0,index)
			  var sub=str.substr(index)
			  var short =10-sub.length
			  for(var i=0;i<short;i++){
				  sub+='0'
			  }
			  num+=sub			  
			  str = num
		 }
		 console.log(str)
	  }
		
	</script>
</html>