更改輸入值在鍵盤上

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。