Web Design Discussion - Javascript: Up and Down Arrow Detection

Print Page | Close Window

Javascript: Up and Down Arrow Detection

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=2369
Printed Date: 28 March 2026 at 1:09am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Javascript: Up and Down Arrow Detection

Posted By: aj2taylo
Subject: Javascript: Up and Down Arrow Detection
Date Posted: 02 May 2003 at 8:57am

How can I use javascript to detect up and down arrow keystrokes?

Replies:

Posted By: KCWebMonkey
Date Posted: 02 May 2003 at 10:37am

one example:

<HTML>
<HEAD>
<SCRIPT>
function checkArrows (field, evt) {
var keyCode =
    document.layers ? evt.which :
    document.all ? event.keyCode :
    document.getElementById ? evt.keyCode : 0;
var r = '';
if (keyCode == 39)
    r += 'arrow right';
else if (keyCode == 40)
    r += 'arrow down';
else if (keyCode == 38)
    r += 'arrow up';
else if (keyCode == 37)
    r += 'arrow left';
r += ' ' + keyCode;
alert(r);
return true;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="20" WRAP="soft" ONKEYDOWN="return checkArrows(this, event)">
click here and then use an arrow key.
</TEXTAREA>
</FORM>
</BODY>
</HTML>

Posted By: aj2taylo
Date Posted: 05 May 2003 at 8:41am

Thanks!!