HTML Change/KeyUp events vs Input event

html4-change-input.html

<!-- index.html -->
<input id='abc'/>

<script>
var input = document.getElementById('abc');
input.addEventListener('change', function(event) {
    // .. only triggers on input loss of focus
});
input.addEventListener('keyup', function(event) {
    // .. triggers on any keyboard interaction
});
</script>

html5-input.html

<!-- index.html -->
<input id='abc'/>

<script>
var input = document.getElementById('abc');
input.addEventListener('input', function(event) {
    // .. some action logic
});
</script>