Dom 没有 Jquery 的事件文本区域更改

Question

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

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

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

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

Answer 1

这是更改 DOM.

中内容的普通 js 方法

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

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

Answer 2

jQuery .change() is an alias for native change 事件。

The change event is fired for <input>, <select>, and <textarea> elements when a change to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each change to an element's value.

你可以很简单地使用它：

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

Dom 没有 Jquery 的事件文本区域更改

Dom Event TextArea Change without Jquery

javascript

dom

dom-events