Question

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

在这个项目中，我有一个<textarea>元素，每次更改时都需要获取内容。我尝试了不同的例子，但都没有用。

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

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

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

Answer 2

这是简单的vanilla js改变DOM内容的方法。

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

此外，您可能希望选择比textarea更好的ID，因为它非常通用。

没有Jquery的Dom事件TextArea更改

2 个答案: