html有分隔符的输入框,javascript – HTML输入类型数字千分隔符

傷城~ 2022-10-06 10:56 274阅读 0赞

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

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)

}

发表评论

表情：
评论列表 （有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读