Test 'input' event
HTML
<input id="my-text-box"></input>
<div id="messages" style="white-space:pre;"></div>JavaScript
var input = document.querySelector('#my-text-box');
var messages = document.querySelector('#messages');
input.addEventListener('input', function(test) {
console.log(test);
messages.textContent += 'input changed to: ' + input.value + '\n';
});