input显示框失焦显示padEnd补齐两位小数
你可以使用以下代码来实现输入框的失焦事件,并使用padEnd方法补齐两位小数:
HTML:
<input type="text" id="inputBox" onblur="formatInput()" />
JavaScript:
function formatInput() {
var inputBox = document.getElementById("inputBox");
var value = inputBox.value;
// 将输入值转为数字,并保留两位小数
var formattedValue = parseFloat(value).toFixed(2);
// 使用padEnd方法补齐两位小数
formattedValue = formattedValue.toString().padEnd(5, "0");
// 将补齐两位小数后的值显示在输入框中
inputBox.value = formattedValue;
}
在上述代码中,输入框的失焦事件触发时,会调用formatInput函数。该函数首先获取输入框的值,并使用parseFloat方法将其转为数字,并保留两位小数。然后使用padEnd方法补齐两位小数,并将补齐后的值显示在输入框中
原文地址: https://www.cveoy.top/t/topic/ihxo 著作权归作者所有。请勿转载和采集!