JavaScript 控制输入框只保留一位小数，整数不显示小数点

<p>可以使用 JavaScript 监听输入框的输入事件，对输入的值进行处理，确保只保留一位小数，且整数不显示小数点。</p>/n/n<p>以下是一个示例代码：</p>/n/n```html/n<input type='text' id='input'>/n/n<script>/n  const input = document.getElementById('input');/n/n  input.addEventListener('input', (event) => {/n    let value = event.target.value;/n    // 去除非数字和小数点字符/n    value = value.replace(/[^/d/.]/g, '');/n    // 只保留一个小数点/n    value = value.replace(///./, '$#$').replace(///./g, '').replace('$#$', '.');/n    // 只保留1位小数/n    value = value.replace(/^(/-)*(/d+)//.(/d).*$/, '$1$2.$3');/n    // 如果输入的是整数，则不显示小数点/n    value = value.replace(///.0$/, '');/n    event.target.value = value;/n  });/n</script>/n```/n/n<p>这段代码中，我们首先通过 <code>addEventListener</code> 监听了输入框的输入事件。在事件触发时，我们获取输入框的值，并对其进行处理。</p>/n/n<p>我们先使用正则表达式去除非数字和小数点字符。然后，我们使用正则表达式只保留一个小数点，并且只保留1位小数。最后，我们使用正则表达式判断输入的值是否为整数，如果是，则去除小数点。</p>/n/n<p>最终，我们将处理后的值设置回输入框中。这样，就可以实现只支持1位小数，且整数不显示小数点的效果。</p>