javascript - 更改 keyup 上的输入值

Question

我的页面中有一个输入框，我想在“keyup”事件中更改它的值（keypress 也适用于我）。问题是每次我设置输入的值时，输入变成空白！

这是我的html：

<input id="time" type="number" />

和javascript：

$('#time').keyup(function (e) {

        var key = e.keyCode;    
        var itime = $("#time");

        if (itime.val().length == 2) {
            var text = itime.val() + ":";
            $("#time").val(text);
        }
 })

我想要的只是在两次敲击后自动将“：”字符附加到我在输入中键入的任何内容。

我想实现类似屏蔽输入插件的东西，但显然没有它。

Answer 1

问题是你破坏了输入框的类型——你说它的类型是“数字”，但是你在它后面附加了一个“：”，这不是一个有效的数字字符。如果您想要不同的格式，则必须删除“数字”类型，这就是归结为。可以在此处找到有关输入类型的更多详细信息。