用戶輸入數字時，jQuery可以添加逗號嗎？

Question

如何在用戶輸入數字時動態添加逗號？有沒有一個好的數字格式化程序可以幫助？我必須稍後添加這些數字，所以我最終必須刪除逗號。但屏幕需要顯示逗號以提高可讀性。

Answer 1

運行的代碼片段，看看它的工作

$('input.number').keyup(function(event) { 
 

 
    // skip for arrow keys 
 
    if(event.which >= 37 && event.which <= 40) return; 
 

 
    // format number 
 
    $(this).val(function(index, value) { 
 
    return value 
 
    .replace(/\D/g, "") 
 
    .replace(/\B(?=(\d{3})+(?!\d))/g, ",") 
 
    ; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<input class="number">

Answer 2

這裏的香草JS @maček的答案的實現，如果你不想使用jQuery：

var el = document.querySelector('input.number'); 
 
el.addEventListener('keyup', function (event) { 
 
    if (event.which >= 37 && event.which <= 40) return; 
 

 
    this.value = this.value.replace(/\D/g, '') 
 
         .replace(/\B(?=(\d{3})+(?!\d))/g, ','); 
 
});

<input class="number">