我正在进行一个Angular 4项目。我有一个带有
min
、max
和step
属性的HTML <input type="number">
。我的目标是防止用户键入超出最小值和最大值范围的数字,使其更加用户友好。我该如何做?
function myFunction(e) {
var min = -100;
var max = 100;
var txtValue = document.getElementById("txt").value;
var pressedValue = e.key;
var combined = parseFloat(txtValue, pressedValue);
console.log(`OLD:${txtValue}\nNEW:${pressedValue}\nCOMBINED:${combined}`);
if (combined > max) {
e.preventDefault();
console.log('ohhw snapp');
}
}
<input type="number" id="txt" value="Hello" onkeydown="myFunction(event)" min="-100" max="100" step="0.05">
这是我在 JSFiddle 上的示例代码。