js input field keyup code example

Example 1: add javascript keyup on input

<input type="text" class="form-control" placeholder="Search" id="search_id"/>
<script type="text/javascript">
const log = document.getElementById('search_id');
document.addEventListener('keyup', logKey);
function logKey(e) {
	const value=log.value;
	if (e.key === 'Enter' || e.keyCode === 13) {
		transmit({search: value});
	}
};
</script>

Example 2: jquery keyup

// Similar to KeyUp but just called on input change (optimal for AJAX calls)
  var input = $('#formID').find('input[type="text"]');
  input.on('input',
    function(){
      console.log (input.val());
    });

Tags:

Html Example