事件onblur,onfocus
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" > 3 <head> 4 <title>JavaScript文本框千分位练习</title> 5 <script type="text/javascript"> 6 function commafy(n) { 7 var re = /\d{1,3}(?=(\d{3})+$)/g; //匹配数字位数 8 var n1 = n.replace(/^(\d+)((\.\d+)?)$/, function(s, s1, s2) { return s1.replace(re, "$&,") + s2; }); 9 return n1; 10 } 11 function addThousand() { 12 var txtBox = document.getElementById("txtId"); 13 txtBox.value = commafy(txtBox.value); 14 } 15 function removeThousand() { 16 var txtBox = document.getElementById("txtId"); 17 txtBox.value= txtBox.value.replace(/,/g, ""); 18 } 19 </script> 20 </head> 21 <body> 22 <input id="txtId" onblur="addThousand()" onfocus="removeThousand()" type="text" style="text-align:right;ime-mode:disabled"/> <label for="txtId">千分位练习</label> 23 </body> 24 </html>
原文：http://www.cnblogs.com/senlinzhang/p/6292473.html
