更改密钥的输入值

Question

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

这是我的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

问题是你正在破坏输入框的类型 - 你说它的类型是“数字”，但是你附加一个“：”，它不是一个有效的数字字符。如果你想要一个不同的格式，你必须删除“数字”类型，它是什么归结为。有关输入类型的更多详细信息，请参见here。