没有 Jquery 的 Dom 事件 TextArea 更改 [关闭]答案

【问题标题】：Dom Event TextArea Change without Jquery [closed]没有 Jquery 的 Dom 事件 TextArea 更改 [关闭]
【发布时间】：2015-09-20 03:10:33
【问题描述】：

我正在创建一个项目，为了更快，我选择不使用 jQuery（我只会使用库全部潜力的 5%）。

在这个项目中，我有一个<textarea> 元素，每次变化都需要获取内容。我尝试了不同的示例，但都没有奏效。

如何使用 Vanilla JavaScript 和原生 DOM 事件编写以下代码？

$("#textarea").bind('input propertychange')
// or
$("#textarea").bind('change')

【问题讨论】：

标签： javascript dom dom-events

【解决方案1】：

jQuery .change() 是原生 change 事件的别名。

为<input>、<select> 和<textarea> 触发更改事件元素值的更改由用户。与输入事件不同，更改事件不一定每次更改元素值时触发。

你可以相当简单地使用它：

// Non-obtrusive JavaScript example(preffered).    
element.addEventListener('change', callback, false);

// Somewhat obtrusive (not recommended).
element.onchange = function () { ... };

// Obtrusive JavaScript in HTML (not recommended).
<input type="text" onchange="function() { ... };">

【讨论】：

【解决方案2】：

这是在 DOM 中更改内容的普通 js 方法。

document.getElementById("textarea").innerHTML = put your new HTML here

另外，您可能想选择一个比 textarea 更好的 id，因为它非常通用。

【讨论】：