Solved

Caps lock check with Javascript in Firefox

Posted on 2007-03-27
1
4,217 Views
Last Modified: 2012-05-05
I found the following JavaScript code which is exactly what I was looking for in another question.  However the only problem is the shift key check does not work in Firefox, does anyone know what code needs to be added to get this to work in Firefox.

<HTML>
<HEAD>
<TITLE>Check Caps Lock</TITLE>
<LINK REL="stylesheet" HREF="jgw.css" TYPE="text/css">
<SCRIPT LANGUAGE=JavaScript>
<!--

/*
// ///////////////////////////
// checkCapsLock v1.0
//
// If a user enters his password in a Web-based form with Caps Lock
// accidentally on, he can become frustrated because his password is not
// being accepted... and he may assume the application is the source of the
// problem.
//
// This JavaScript function will let the user know his Caps Lock is on and
// about the potential for error.
// ///////////////////////////
*/

function checkCapsLock( e ) {

      var myKeyCode=0;
      var myShiftKey=false;
      var myMsg='Caps Lock is On.\n\nTo prevent entering your password incorrectly,\nyou should press Caps Lock to turn it off.';

      // Internet Explorer 4+

      if ( document.all ) {
            myKeyCode=e.keyCode;
            myShiftKey=e.shiftKey;

      // Netscape 4
      } else if ( document.layers ) {
            myKeyCode=e.which;
            myShiftKey=( myKeyCode == 16 ) ? true : false;

      // Netscape 6
      } else if ( document.getElementById ) {
            myKeyCode=e.which;
            myShiftKey=( myKeyCode == 16 ) ? true : false;

      }

      // Upper case letters are seen without depressing the Shift key, therefore Caps Lock is on
      if ( ( myKeyCode >= 65 && myKeyCode <= 90 ) && !myShiftKey ) {
            alert( myMsg );
            return false;

      // Lower case letters are seen while depressing the Shift key, therefore Caps Lock is on
      } else if ( ( myKeyCode >= 97 && myKeyCode <= 122 ) && myShiftKey ) {
            alert( myMsg );
            return false;
      }

}
// -->
</SCRIPT>
</HEAD>

<BODY>

<H1>Check Caps Lock</H1>

Do you have problems with users who continually have problems logging in
because they inadvertently have their Caps Lock on?  Well, now you can let
your users know the problem may be due to Caps Lock.

<FORM name=pwform>
<STRONG>Password:</STRONG>
<INPUT TYPE="Text" NAME="Password" SIZE=16 MAXLENGTH=16 onKeyPress="return checkCapsLock(event)">
<P>
<INPUT TYPE="Reset">
</FORM>


</BODY>

</HTML>
0
Comment
Question by:interstate
1 Comment
 
LVL 2

Accepted Solution

by:
jhshen earned 125 total points
ID: 18800598
You may refer to this website for the details of keystrokes detection for different browser.
http://www.quirksmode.org/js/keys.html
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Catch Cancellation error from objShell.Run 10 73
Autoit restart command not working 6 58
How can i Install a new Data Source on Visual Studio 2 95
Register AutoHotkey 12 58
In this tutorial I will show you how to provide a dynamic RTF document on your website generated with data from your database. For this tutorial you will need Microsoft Word or WordPad, WhizBase and Microsoft Access. In this tutorial I will show …
After several hours of googling I could not gather any information on this topic. There are several ways of controlling the USB port connected to any storage device. The best example of that is by changing the registry value of "HKEY_LOCAL_MACHINE\S…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now