how to detect if CAPS LOCK from users with Javascript and PHP uppercase typing

RegisterLogin

Webune Forums » Javascipt » how to detect if CAPS LOCK from users with Javascript and PHP uppercase typing

how to detect if CAPS LOCK from users with Javascript and PHP uppercase typing
Post Description: how to detect if CAPS LOCK from users with Javascript and PHP uppercase typing
Tags: how, to, detect, if, CAPS, LOCK, from, users, with, Javascript, and, PHP, uppercase, typing
This Post Was Posted On Feb 29, 2008 By lucas #1413

how to detect if CAPS LOCK from users with Javascript and PHP uppercase typing by lucas

hi you guys, i have a good question for you, i have a project and i was wondering if you guys know if there is a way to detect or to know if you can detect if the your visitors or users have their high caps on their computer keyboard, kinda like windows when you have your high caps on it tell you that you have your CAPS LOCK.

thanks

Leave Your Comments

Related Pages: [Add Your Website]

Post New Topic

Nandkishor

#5045 1

not working or not able to fulfill my requirement

Apr 21, 2011 Reply Report abuse

yako

#1856 2

yes, you can check this out: Try it. Set your "Caps Lock" on your keyboard and they type anything on this bar:

Your Caps Lock is on.

IF YOU WANT TO TRY IT OUR FOR YOURSELF, YOU CAN CREATE A FILE CALLED testcaps.html, simply copy and paste the following code into notepad and save the file as testcaps.html:

HTML CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>How To Detect Caps Lock in Javascript</title>
<script>
function capLock(e){
kc = e.keyCode?e.keyCode:e.which;
sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
document.getElementById('divMayus').style.visibility = 'visible';
else
document.getElementById('divMayus').style.visibility = 'hidden';
}
</script>
</head>
<body>
<h1>FREE WALLPAPERS - Wallpaperama.com
</h1><hr>
<p>How To Detect Caps Lock in Javascript
</p>Try it. Set your "Caps Lock" on your keyboard and they type anything on this bar:
<hr>
<SPAN><input type="password" name="txtPassword" onkeypress="capLock(event)" />
<SPAN><div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>
<hr>
<p><a href="http://www.wallpaperama.com">See More &gt;&gt; </a></p>
<p align="center">Website Hosting by <a href="http://www.webune.com">Webune.com</a> </p>
</body>
</html>