input type=password 修改小圆点样式为*

Question

问题描述

修改password默认样式为*

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

var str = '';

$('input').keyup(function(event){  var value = $(this).val()  if(event.keyCode==8){
    str = str.substring(0,value.length)
  }else if(event.keyCode>=49 && event.keyCode <= 90){
    str+= value.substr(value.length-1,1)
  }
  $(this).val(value.replace(/./g,'*'))
})

你期待的结果是什么？实际看到的错误信息又是什么？

在输入过程中能正确显示为**，但是输入速度过快时候，实际获得的input的值不准确，输入速度慢的时候是正确的

Answer 1

用input事件来写&nbsp;&nbsp;&nbsp;$("input").on("input",function(e){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;value&nbsp;=&nbsp;$(this).val()&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(event.keyCode==8){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str&nbsp;=&nbsp;str.substring(0,value.length) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else&nbsp;if(event.keyCode>=49&nbsp;&&&nbsp;event.keyCode&nbsp;<=&nbsp;90){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str+=&nbsp;value.substr(value.length-1,1) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).val(value.replace(/./g,'*')) &nbsp;&nbsp;&nbsp;&nbsp;});