onKeyDown in form doesn't work with DIV and innerHTML

Iver Erling Årva · Jun 16, 2005

I have come across a problem with the onKeyDown event in some of my forms.
I'm using onKeyDown in <form> as a standard method to open my help screen
system throughout my system, but I have discovered that If I have a
<div></div> section somewhere and then load the contents of it from another
file using innerHTML after the main window is loaded, the onKeyDown event
doesn't trigger any more.

I'm using IE6 and the structure is:

<body onLoad=getDiv()>
<form onKeyDown=getHelp();>
<div id=pagebody></div>
</form>
</body>

where the getDiv function sets pagebody.innerHTML to something (which works
just fine). In pages where I don't use the <div>'s the getHelp() function
starts fine.

Any idea how I can work around this problem?

Thanks!
Brgds
(e-mail address removed)

RobG · Jun 16, 2005

Iver said:
I have come across a problem with the onKeyDown event in some of my forms.
I'm using onKeyDown in <form> as a standard method to open my help screen
system throughout my system, but I have discovered that If I have a
<div></div> section somewhere and then load the contents of it from another
file using innerHTML after the main window is loaded, the onKeyDown event
doesn't trigger any more.

I'm using IE6 and the structure is:

<body onLoad=getDiv()>
<form onKeyDown=getHelp();>
<div id=pagebody></div>
</form>
</body>

You should always enclose attribute values in quotes. It is not
mandatory in HTML if the attribute value contains *only* letters (a-z
and A-Z), digits (0-9), hyphens (ASCII decimal 45), periods (ASCII
decimal 46), underscores (ASCII decimal 95), and colons (ASCII
decimal 58).

However, the W3C recommends using quotation marks even when it is
possible to eliminate them. The script attributes in the code above
contains semi-colons and brackets that should always be in quotes.

where the getDiv function sets pagebody.innerHTML to something (which works
just fine). In pages where I don't use the <div>'s the getHelp() function
starts fine.

Even without quoted attribute values, I could not replicate your
issue in IE 6, so perhaps your problems are elsewhere.

Here is my test script (sans quotes):

<script type="text/javascript">
function getDiv(){
document.getElementById('pagebody').innerHTML='blah blah blah';
}
function getHelp(){
var now = new Date();
document.getElementById('blah').innerHTML = now;
}
window.onload = getDiv;
</script>

<form onKeyDown=getHelp(); action=>
<input type=text>
<div id=pagebody></div>
</form>
<span id=blah></span>

Iver Erling Årva · Jun 16, 2005

Agreed!

You example works here as well, so it must be something else.

Can't see what though. when I had it all in one file it was ok, but when I
moved out that section and placed it in a <div> it doesn't work any more.
I'll have to look into it a bit further. Btw, I'm using the active-x
Msxml2.XMLHTTP to send the other file back into innerHTML using it's
responseText property. Wonder if that could have to do with it...

Thanks!
(e-mail address removed)

Problem with android and scrolling with <input textarea	5	May 18, 2022
Registration Form	7	Aug 30, 2023
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022
Help with code	0	Jun 12, 2022
problems with onkeydown in div (IE 6.0)	3	Feb 21, 2005
window.location.replace and propagation of onkeydown event in aniframe...	3	Feb 13, 2008
event handler in <body> doesn't work	2	Nov 2, 2009
innerHTML with AJAX problem	12	May 9, 2008

onKeyDown in form doesn't work with DIV and innerHTML

Iver Erling Årva

RobG

Iver Erling Årva

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads