更改键控时的输入值

Question

>我的页面中有一个输入框，我想在"keyup"事件上更改其值（按键也对我有用）。问题是每次我设置输入的值时，输入都会变成空白！

这是我的网页：

<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

问题是你破坏了输入框的类型 - 你说它的类型是"数字"，但随后你附加了一个"："，这不是一个有效的数字字符。如果您想要不同的格式，则必须删除"数字"类型，归根结底就是这样。有关输入类型的更多详细信息，请参阅此处。