JavaScript Forum

**Galaxian** · 08-10-2006, 10:42 PM

I'm an absolute javascript newbie so please forgive me.

I need a script that detects when the enter key has been pressed on an input box called "message" then deletes the contents of it about half a second later and refocuses on it.

I have:

Code:

function checkenter() {
if (document.chat.message.event.keycode == 13){
setTimeout("document.chat.message.value = ''",500);
document.chat.message.focus();
}
}

and

Code:

<input name="message" type="text" id="message" style="border: #000000 solid 1px; background-color:#FEEBA7" size="50" onkeydown="checkenter();" />

But it doesn't seem to work.

**funkdaddu** · 11:33 PM

try using "window.event.keyCode" or pass the event variable to the function:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function checkForm(e) {
	if (e.keyCode == 13) {
		alert("You pressed enter - yay!");	
	}
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<input type="text" onkeydown="checkForm(event); return false;">
	</body>

</html>

Here is a good page on how different browsers hand the event object: Javascript - Event accessing

**Galaxian** · 08-11-2006, 03:55 AM

I just tried it and I was unable to type anything in the text box

**funkdaddu** · 08-11-2006, 10:33 AM

Whoops, take out the "return false;"

**Galaxian** · 08-11-2006, 07:27 PM

ok that is great thank you very much! It deletes it

But doesnt refocus ..uh

function checkForm(e) {
if (e.keyCode == 13) {
setTimeout("document.chat.message.value = ''",500);
document.chat.message.focus();
}
}

**Galaxian** · 08-11-2006, 09:41 PM

Fixed. I did a settimeout on the focus.