javascript - 从文本框中获取值不会给出单行字符串？

Question

这是我的代码。我正在使用 role="textbox" 并从中获得价值。但是，当我在文本框中输入多行文本时，它会给我多行的值。如何在一行中获取此值？

function getText() {
  let text = document.querySelector('[role=textbox]').innerText;
  alert(text);
}

.textbox{
border: 1px solid;
}

<div>
    <div id="txtboxLabel">Enter your five-digit zipcode</div>
    <button onclick=getText()>
    Get TextBox Data
    </button>
    <div class="textbox" role="textbox" contenteditable="true" aria-labelledby="txtboxLabel"></div>
</div>

标签： javascripttextbox

Answer 1

您可以使用 Strings replaceAll()替换所有换行符\n

text = text.replaceAll('\n', "");

function getText() {
  let text = document.querySelector('[role=textbox]').innerText;
  text = text.replaceAll('\n', "");
  alert(text);
}

.textbox{
border: 1px solid;
}

<div>
    <div id="txtboxLabel">Enter your five-digit zipcode</div>
    <button onclick=getText()>
    Get TextBox Data
    </button>
    <div class="textbox" role="textbox" contenteditable="true" aria-labelledby="txtboxLabel"></div>
</div>