JSFiddle - React, Tailwind, and code Playground
HTML
<form id="form">
<input class="target" type="text" value="Field 1" />
<select class="target">
<option value="option1" selected="selected">Option 1</option>
<option value="option2">Option 2</option>
</select>
<textarea></textarea>
</form>
<div id="other">
Trigger the handler
</div>
JavaScript
$('#form').change(function() {
$('#other').append('<br />Handler for .change() called.');
});
$("#form").keydown(function() {
$('#other').append('<br />Handler for .keydown() called.');
});
$("#form").keyup(function() {
$('#other').append('<br />Handler for .keyup() called.');
});