jquery onkeyup code example

Example 1: jquery on enter key pressed

//jQuery detect user pressing enter
$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('User pressed Enter!');
    }
});

Example 2: check when keyup an input from a specific form jquery

var inputs = $('#formID').find('input[type="text"]');
inputs.keyup(function() {
   console.log($(this));
});

Example 3: javascript on keypu

<input type="text" onkeyup="myFunction()">

Example 4: 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 5: 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