【问题标题】:Continuously updating textarea data to variable不断将 textarea 数据更新为变量
【发布时间】:2017-08-01 18:03:43
【问题描述】:

我想从 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,但我不知道这些框架。

【问题讨论】:

  • 真的不清楚你想要完成什么
  • @charlietfl 我正在尝试在 textarea 发生变化时立即将数据加载到变量中。
  • 也就是说你想存储值?
  • @charlietfl 是的。
  • 所以应该是update = textarea =&gt; text = textarea.value;

标签: javascript string variables textarea updates


【解决方案1】:

您的侦听器正在传递 textarea 对象,然后您将向该对象分配一个字符串。这是没有意义的。相反,你可以试试这个:

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

然后oninput函数中的this.value存储新值,你可以用它做任何你想做的事情。

【讨论】:

  • 这实际上是错误的。以this 为参数的内联方法将元素作为参数传递给函数
  • 感谢您的解释!我还有很多东西要学。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-10
  • 2018-01-03
  • 1970-01-01
  • 2012-08-18
相关资源
最近更新 更多