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

看我这个怎么样。想法是存的和看的不是同一个，没光标闪烁的当然可以造个假了。。。

http://jsrun.net/z4gKp/edit

Answer 2

可以试下input或者change事件

Answer 3

用input事件来写

   $("input").on("input",function(e){
      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,'*'))
    });