输入框在退格/ del上运行不正常

时间:2017-03-12 15:02:26

标签: javascript html input

我有两个动态变化的输入框,具体取决于放置的数字..赢取机会范围从0.01%到98%,支付/乘数范围从1.0102到9900

http://codepen.io/anon/pen/yMbPGa

所以我在

下面输入了5个DOM事件

oninput - 这是我现在使用的那个,但是当我尝试使用backspace / del时,它将其设置为最低值,之后我无法将其删除......另一个问题 - 我无法在输入中输入1.1或0.1之类的数字

onkeyup - 与oninput相同的问题,但至少它会让我删除它,但它会将它设置为最低值。

最后 onchange,onkeydown,onkeypress 对我的代码来说效果不佳。



require 'rake/testtask'

function wc(input) {
    if (input.value < 0.01) input.value = 0.01;
    if (input.value > 98) input.value = 98;
    y = 99 / input.value;
    y.toFixed(6);
    document.getElementById("payc").value = y;
}

function pc(input) {
    if (input.value < 1.0102) input.value = 1.0102;
    if (input.value > 9900) input.value = 9900;
    x = 99 / input.value;
    x.toFixed(6);
    document.getElementById("winc").value = x;
}
&#13;
&#13;
&#13;

我不知道问题是否是我的代码,我只是将backspace / del键作为正常输入工作,但输入丢失焦点后只需更改为默认值。

1 个答案:

答案 0 :(得分:1)

如果你使用onfocusout

会更好
<input id="winc" value="49.5" type="text" onfocusout="wc(this);" autocomplete="off"   />