javascript - 如何从输入onkeyup文本框jquery获取原始插入文本

Question

我有一个小问题，可能很容易解决，但我还没有那么好。我正在尝试获取输入类型=文本框的值。我如何获得输入的原始值？..不是点？

$(function() {
  var self = this;
  self.txtdata = "";
  $("body").on("keyup", "#txt1", function(e) {
    self.txtdata = self.txtdata + String.fromCharCode(e.keyCode);
    var txtbox = this;
    var dots = "";
    for (var i = 0; i < $(txtbox).val().length; i++) {
      dots = dots + "●";
    }
    $(this).val(dots);
  });


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<label for="tabname">Tabname:</label>
<input name="tabname" type="textbox" id="txt1" autocomplete="off">

Answer 1

解决方案在这里 https://jsfiddle.net/4gbog729/

var text = "";
$('input[type="password"]').keypress(function(e){
	text += String.fromCharCode(e.which);
  console.log(text);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="password">Password:</label> 
<input name="password" type="password" id="txt1" autocomplete="off">

输入类型应为密码而不是文本框。

此处不输入密码的解决方案:https://jsfiddle.net/4gbog729/2/

var text = "";
$('input[type="text"]').keyup(function(e){
	text += String.fromCharCode(e.keyCode);
  var data = $(this).val();
  $(this).val( text.replace(/[a-zA-Z0-9]n*/g, '*'))
  console.log(text);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="password">Password:</label> 
<input name="password" type="text" id="txt1" autocomplete="off">