javascript - 从文本区域获取原始文本

Question

我想从 texarea 获取原始文本，我的意思是不转换 unicode 值，例如:

let textArea=document.querySelector("textarea");
let value=textArea.value;
let valueSpan=document.querySelector(".value .text")
let valueinnerHTML=document.querySelector(".innerHTML .text");
console.log(value);
console.log(textArea.innerHTML);
valueSpan.textContent =value;
valueinnerHTML.textContent=textArea.innerHTML;

.wrapper{

  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}
.test{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3px;
}

<textarea class="hide">
Unicode: &#128036;
Icon:  🐤  
</textarea>
<div class="wrapper">
  <div class="value test">
   <h3> Value</h3>
    <span class="text"></span>
  </div>
  <div class="innerHTML test">
   <h3> InnerHTML</h3>
    <span class="text"></span>
  </div>
</div>

我想获取原始文本，所以当我获取文本区域值时，我得到“🐤”而不是🐤

Answer 1

使用“🐤”。codePointAt(0) 将返回“128036”。查看this如果您想了解它。

let value=document.querySelector("textarea").value
let span=document.querySelector("span");
span.textContent =value.codePointAt(0);

 <textarea class="hide">
🐤

</textarea>
<span></span>