如何在使用 JavaScript 打字时在字母后放置白色 space？

Question

我想在打字时在字母后面放置空格。

我们可以用 css letter-spacing 属性但是当我们复制这段文字时，我不保留空格。

我们如何用香草制作它javascript？

在我的 css 中添加了字母间距以显示我想要的内容。

var my_text = document.getElementById("my_text");
var output_text = document.getElementById("output_text");

my_text.addEventListener("keyup", function() {
  var val = this.value;
  output_text.innerHTML = val;
});

#output_text {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
  letter-spacing: 10px;
}

<textarea id="my_text" cols="30" rows="10"></textarea>
<div id="output_text"></div>

Answer 1

拆分所有字符并加入白色space：https://jsfiddle.net/wkw72u7e/4/。

var my_text = document.getElementById("my_text");
var output_text = document.getElementById("output_text");

my_text.addEventListener("keyup", function() {
  output_text.innerHTML = this.value.split('').join(' ');
});


#output_text {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
}

Answer 2

为什么是原版 javascript？普通的javascript可以做到：

var my_text = document.getElementById("my_text");
var output_text = document.getElementById("output_text");

my_text.addEventListener("keypress", function(event) {
  event.preventDefault();
  output_text.innerHTML += " " + String.fromCharCode(event.keyCode);
});

#output_text {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
}

<textarea id="my_text" cols="30" rows="10"></textarea>
<div id="output_text"></div>

如何在使用 JavaScript 打字时在字母后放置白色 space？

How to put white space after a letter while typing with JavaScript?

javascript

space