Javascript 不带Jquery的Dom事件TextArea更改

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

在这个项目中，我有一个

元素，需要在每次更改时获取内容。我尝试过不同的例子，但没有一个奏效

如何使用普通JavaScript和本机DOM事件编写以下代码

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

---

下面是更改DOM中内容的简单方法

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

---

此外，您可能希望选择一个比

textarea

更好的id，因为这是一个非常通用的id。

下面是更改DOM中内容的简单方法

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

此外，您可能希望选择一个比

textarea

更好的id，因为它非常通用。

jQuery是本机事件的别名

针对

、

和

触发更改事件 元素提交对元素值的更改时 用户。与输入事件不同，更改事件不一定是 为元素值的每次更改激发

您可以非常简单地使用它：

// 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() { ... };">

//非突兀的JavaScript示例（首选）。
元素addEventListener（'change'，callback，false）；
//有点突兀（不推荐）。
element.onchange=函数（）{…}；
//HTML格式的突出JavaScript（不推荐）。

jQuery是本机事件的别名

针对

、

和

触发更改事件 元素提交对元素值的更改时 用户。与输入事件不同，更改事件不一定是 为元素值的每次更改激发

您可以非常简单地使用它：

// 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() { ... };">

//非突兀的JavaScript示例（首选）。
元素addEventListener（'change'，callback，false）；
//有点突兀（不推荐）。
element.onchange=函数（）{…}；
//HTML格式的突出JavaScript（不推荐）。