js 限制输入非负数且最多保留4位小数

在 HTML 中，可以使用 input 标签来创建一个输入框，并设置 type="number" 来限制输入为数字。在 JavaScript 中，可以通过监听输入框的事件来实现限制输入非负数和最多保留4位小数的功能。

HTML 代码：

<input type="number" id="myInput">

JavaScript 代码：

const myInput = document.getElementById("myInput");

myInput.addEventListener("input", function(event) {
  // 获取输入框的值
  const value = event.target.value;

  // 如果输入框的值不是非负数，则清空输入框的值
  if (value < 0) {
    event.target.value = "";
  }

  // 如果输入框的值包含超过4位的小数，则截取前4位小数
  if (value.includes(".")) {
    const decimals = value.split(".")[1];
    if (decimals && decimals.length > 4) {
      event.target.value = value.slice(0, value.indexOf(".") + 5);
    }
  }
});

这段代码通过监听输入框的 input 事件，获取输入框的值，并进行判断。如果输入框的值小于0，则清空输入框的值。如果输入框的值包含小数点，则获取小数部分，如果小数部分的长度超过4，则截取前4位小数。最后，将处理后的值设置回输入框中