使用Javascript屏蔽注册页面上的原始电子邮件

我需要设置一个页面,允许用户使用他们的电子邮件进行注册,但作为一项要求,电子邮件不应该对人眼“可见”,我想一定有更好的方法来做到这一点,但到目前为止,我使用JQuery提出了这个选项:

我创建了一个假控件,用于处理掩蔽并捕获文本,以便将其分配给隐藏字段(这样以前的工作代码将在不进行更改的情况下继续工作)。

var emailControl = $("#eMail");
var firstHalf = "";
var secondHalf = "";
var fullMail = "";

emailControl.keyup(function(e){
  var control = e.currentTarget;
  var currentText = $(control).val();

  if (currentText.length == 0){
    fullMail = '';
    firstHalf = '';
    secondHalf = '';
    $(control).attr('type', 'password');
  }
  else{
    var components = currentText.split("@");
    var hiddenPart = "•".repeat(components[0].length);

    detectChanges(currentText);

    if (components.length == 2) {
      secondHalf = '@' + components[1];
    }

    $(control).attr('type', 'text');
    $(control).val(hiddenPart + secondHalf);
    fullMail = firstHalf + secondHalf;
  }
});

function detectChanges(originalText) {
  var position = originalText.indexOf('@');
  if (position == -1) {
    position = originalText.length;
  }

  for (var i = 0; i < position; i++){
    if (originalText[i] != "•"){
      firstHalf = firstHalf.substring(0, i) + originalText[i] + firstHalf.substring(i+1);
    }
  }
}

我确实设法让它在这里工作: https://codepen.io/icampana/pen/KbegKE