event handler in <body> doesn't work

Chris · Nov 2, 2009

Hi.

I tried to disable the backspace-key using 2 different scenarios.
One works but the other doesn't and I don't understand why the 2nd
scenario doesn't work

Scenario 1 (working scenario)

<head>
<script language="javascript" type="text/javascript">
function DisableBackspace(e) {
// for complete code, see end of mail
}
// activating the handler here
document.onkeydown = DisableBackspace;
</script>
</head>

<body> 
</body>

but the 2nd scenario doesn't work.
why not?

thank you
Chris

Complete code:

<html>
<head>
<title></title>

<script language="javascript" type="text/javascript">
function DisableBackspace(e) {
if (!e)
e = window.event;

if (e.keyCode)
keycode = e.keyCode; // IE
else
keycode = e.which; // Firefox

if (e.keyCode == 8)
return false;
}
document.onkeydown = DisableBackspace; // uncomment
for Scenario 1
</script>

</head>
 

<body>

</body>
</html>

Martin Honnen · Nov 2, 2009

Chris said:
<body onkeydown="DisableBackspace(event);"> 
</body>

but the 2nd scenario doesn't work.
why not?

You need
<body onkeydown="return DisableBackspace(event);">

Lasse Reichstein Nielsen · Nov 2, 2009

Chris said:
I tried to disable the backspace-key using 2 different scenarios.
One works but the other doesn't and I don't understand why the 2nd
scenario doesn't work

Scenario 1 (working scenario)

<head>
<script language="javascript" type="text/javascript">

(The language attribute is unnecessary)

function DisableBackspace(e) {
// for complete code, see end of mail
}
// activating the handler here
document.onkeydown = DisableBackspace;
</script>
</head>

<body> <!-- i don't specify any handler in the body section
</body>

Scenario 2

<head>
<script language="javascript" type="text/javascript">
function DisableBackspace(e) {
// for complete code, see end of mail
}
// NOT activating the handler here
// document.onkeydown = DisableBackspace;
</script>
</head>

<body onkeydown="DisableBackspace(event);"> <!-- Activating here

onkeydown="return DisableBackspace(event);"

instead -->
</body>

but the 2nd scenario doesn't work.
why not?

thank you
Chris

Complete code:

<html>
<head>
<title></title>

<script language="javascript" type="text/javascript">
function DisableBackspace(e) {
if (!e)
e = window.event;

Remember to declare keycode as local:
var keycode;

if (e.keyCode)
keycode = e.keyCode; // IE
else
keycode = e.which; // Firefox

if (e.keyCode == 8)

Probably meant to check the keycode variable:
if (keycode == 8)

return false;
}
document.onkeydown = DisableBackspace; // uncomment
for Scenario 1
</script>

</head>
 <!-- uncomment

Return the result here too.

for Scenario 2: -->

<body>

</body>
</html>

Alternatively you can use the two other ways of cancelling the event
(IE and W3C DOM methods):

e.returnValue = false; // IE DOM
if (e.preventDefault) { e.preventDefault(); } // W3C DOM

Together they should stop the event just as efficiently as having
the handler return false in modern browsers and in IE.

/L

Two questions regarding event handler and keyCode	1	May 25, 2008
Why doesn't the function get called?	1	Nov 20, 2023
An unknown bug doesn't allow the quotes app to work. What's the issue?	3	Apr 23, 2023
XHTML - how extend/create ELEMENT body in my DTD?	0	Oct 29, 2019
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
When draggable=false & draggable=true dont work ?	1	Jan 14, 2023
In javascript, XML File Create, File Save	2	Jul 17, 2023
All CRUD operations work except POST. Why?	2	May 28, 2023

event handler in <body> doesn't work

Chris

Martin Honnen

Lasse Reichstein Nielsen

Ask a Question

Similar Threads

Staff online

Members online

Forum statistics

Latest Threads