更改输入值在键盘上

Question

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

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