Firefox and keydown event inside DIV elements

**AsGoodAsItGets** · 07-22-2005, 06:29 AM

Hello,
can anybody please explain to me why the following code does not work in Firefox as it does in IE?
In general, how can I capture keydown events inside DIVs with firefox?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>keydown test</title>
</head>
<script language="JavaScript" type="text/javascript">
function keydown(evt)
{
     obj = document.getElementById("test");
     if(obj)
     {
          if(window.event)
               var key = evt.keyCode;
          else if(evt.which)
               var key = evt.which;
          else
               return true;
          obj.innerHTML += "user pressed '"+String.fromCharCode(key)+"' ("+key+")<br>";
     }
}
</script>
<body>
<div id="test" style="border: 1px solid black; padding: 8px; position: absolute; overflow: visible; left: 0px; top: 0px; -moz-box-sizing: border-box; width:400px; height:100px; font-family:tahoma; font-size:11px; background-color:#CCCC66;" onkeydown="return keydown(event);">
</div>
</body>
</html>

Thanks in advance.