更改密钥的输入值

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

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