With
<input type="text" onKeyPress="alert(this.value)">
the alert box displays the value in the box, not included the current key depressed.
However, this does not exhibit the same behavior, and I don't know why.
<input type="text" onKeyPress="handleInput(this.value)">
function handleInput(value){
alert(value);
}
Added This http://jsfiddle.net/abalter/adbbb599/6/
First thing is avoid using js code inside html tags it is a bad practice , you can use the keyup event to get the content of the input after the user release any pressed key
<input id="input">
<script>
var input = document.getElementById('input');
input.addEventListener('keyup',function(){alert(input.value);});
</script>
It should exhibit the same behaviour. Make sure you load the javascript either in your head or body tags, so you can access the function from the html.
This code works for me:
<input type="text" onKeyPress="handleInput(this.value)">
<script>
function handleInput(value){
alert(value);
}
</script>
<script src="/path/file.js"></script>, but I agree with @hamism that it's better to avoid js code in your html tags.Passing 'value' as a parameter is generally verbotim - its a reserved word. Your 'this' refers to the input field, and so 'this.value' returns the entire content of the input field. To get the keyCode from the keypress event try:
<body>
<input type="text" onKeyPress="handleInput();">
</body>
<script>
function handleInput(){
alert(event.charCode);
}
</script>
This doesn't work with:
onKeyPress="event.charCode;"
or:
onKeyPress="this.event.charCode;"
because no event object is created.
