将textarea数据连续更新为变量

时间:2017-08-01 18:03:43

标签: javascript string variables textarea updates

我现在几乎绝望地让它发挥作用。我想从textarea获取文本到字符串并在更改时更新字符串内容。另外,我想在没有jQuery的情况下制作它。

HTML:

<textarea id="switcher" oninput="update(this)" type="text" 
spellcheck="false" autofocus="autofocus" autocomplete="off" rows="1" 
cols="50" onkeyup="autoGrow(this)">text</textarea>

使用Javascript:

let text = '',
    update = text => text = document.getElementById('switcher').value;

这就是我试图这样做的方式。

也许有一种方法可以用React或Angular做到这一点,但我不知道这些框架。

请不要犹豫,告诉我你为什么要这样做?

1 个答案:

答案 0 :(得分:0)

您的侦听器正在传递textarea对象,然后您将为其分配一个字符串。这毫无意义。相反,你可以试试这个:

window.onload = () => {
  const textarea = document.getElementById('text')
  textarea.oninput = function() {
    console.log(this.value)
  }
}

然后this.value函数中的oninput存储新值,您可以随意使用它。