html 显示金额分隔符,javascript – HTML输入类型数字千分隔符

您可以使用伪元素显示逗号版本来伪造此功能.

div[comma-value]{

position:relative;

}

div[comma-value]:before{

content: attr(comma-value);

position:absolute;

left:0;

}

div[comma-value] input{

color:#fff;

}

需要换行div,因为输入不能有伪元素.

还有一点JavaScript插入每三个字符的逗号

myNumber.value = commify(myNumber.value)

myNumber.addEventListener("change",function(){

commify(event.target.value)

})

function commify(value){

var chars = value.split("").reverse()

var withCommas = []

for(var i = 1; i <= chars.length; i++ ){

withCommas.push(chars[i-1])

if(i%3==0 && i != chars.length ){

withCommas.push(",")

}

}

var val = withCommas.reverse().join("")

myNumber.parentNode.setAttribute("comma-value",val)

}