JSFiddle - React, Tailwind, and code Playground

by provegard

HTML

<p>
1 row:
</p>
<textarea rows="1"></textarea>
<p>
5 rows:
</p>
<textarea rows="5"></textarea>

JavaScript

function init() {
  $("textarea").each(function (idx, elem) {
    console.log("textearea");
    var $ta = $(elem);
    $ta.on("input", function (ev) {
      var contents = $(this).val();
      console.log("input: " + contents);
    });
    $ta.on("propertychange", function (ev) {
      var contents = $(this).val();
      console.log("pc: " + contents);
    });
    if (window.attachEvent) {
      elem.attachEvent("onpropertychange", function (ev) {
        var contents = $(this).val();
        console.log("pc-nat: " + contents);      
      });
    }
  });
}

$(init);