a function(event) problem

hi all,

i have to attach an event to the body, and in all eventuality it will be doing something completely different, but for the time being it is just bringing up an alert box for testing, but i'm attaching an event to the document onkeypress.


var test = new testFunction();
function testFunction(){
this.attachListener = function(){
if(document.addEventListener){
document.addEventListener('keypress',function(){test.onKeyPress(event)},false);
}
else if(document.attachEvent){
document.attachEvent(onkeypress,function(){test.onKeyPress(event)})
}
else{
//old way
}
}
this.onKeyPress = function(e){
if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
alert(keynum);
}

}


but event returns undefined. Not sure why, as it's the only way I know how to get what key was pressed... but it's inaccessible

thanks for your help

You need to define the e argument for IE

this.onKeyPress = function(e){
var e=(!e)?window.event:e;//IE:Moz
if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
alert(keynum);


}

event still returns undefined, and so does e.

Try this:-

<script type = "text/javascript">

function handleKeyPress(evt) {
var key = (window.event)?event.keyCode:evt.which;
alert ("Keycode = " + key);

which = String.fromCharCode(key).toUpperCase();
if (key>=48 && key<=90) {
alert ("You pressed the " + which + " key");
}

return true;
}

document.onkeydown= handleKeyPress
</script>

Thankyou very much, that last code worked fine.