添加到文本区域的可点击列表元素

【问题标题】：Clickable list element added to text area添加到文本区域的可点击列表元素
【发布时间】：2017-03-18 01:27:26
【问题描述】：

查看Append text to textarea with javascript 后，我正在寻找一种插入换行符的方法，以便单击的每个项目显示在文本区域的下一行。这可能吗？

【问题讨论】：

function addText(text) { Alltext += text + "\r\n"; } 或者，如果 "\r\n" 不起作用，请尝试 "<br/>"

标签： javascript list onclick textarea element

【解决方案1】：

根据您分享的链接中的代码，您可以执行以下操作：

<textarea id="alltext"></textarea>

<ol onclick="addText(event)">
  <li>Hello</li>
  <li>World</li>
  <li>Earthlings</li>
</ol>

<script>
  function addText(event) {
    var targ = event.target || event.srcElement;
    targ = targ.textContent + '\r\n' || targ.innerText + '\r\n';
    document.getElementById("alltext").value += targ;
  }
</script>

【讨论】：