running a function with onKeyDown

[akristof]

morning!

i want to run a javascript function when I enter a key in a form text input by using onKeyDown

everything runs perfectly except the function only executes after the 2nd key stroke (not 1st key stroke, as I would expect it to)

maybe onKeyDown isn't the appropriate event or maybe i am doing something else wrong?

here's my html bit

<input type="text" name="dogname2" class="formtextinput" id="inputter" onKeyDown="hidecontent(brad)" onBlur="unhidecontent(this)" /> 
 
<span id="brad"> Bradd </span>
 

and here's the javascript

function hidecontent(el) {
    var elementcontent = document.getElementById("brad")
    var inputtercontent = document.getElementById("inputter")
    if (inputtercontent.value!="") elementcontent.style.cssText = "visibility:hidden"
 
}
 
function unhidecontent(el) {
    var elementcontent = document.getElementById("brad")
    if (el.value=="") elementcontent.style.cssText = "visibility:normal"
 
}
 

[Dormilich]

maybe onKeyDown isn't the appropriate event

you’re absolutely right there. onkeydown the value is not yet updated (i.e. it is still empty). use either onkeyup or onkeypress.

[akristof]

oh duh..onkeyup worked (though in the event I press a key and keep holding it it doesn't execute the script until i release..so i get around this by using both onkeydown AND onkeyup)..thanks!

[Dormilich]

what about onkeypress then?

edit: it’s visibility: visible;

[akristof]

thanks..
onkeypress has the same problem as onkeydown
onkeyup & onkeydown work well when i run both