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

Description: how to detect if caps lock from users with javascript and php uppercase typing Javascipt

Tags: how, to, detect, if, caps, lock, from, users, with, javascript, and, php, uppercase, typing

Info: This Post Has Been Viewed 4149 Times SinceMon May 28, 2007 7:50 pm Author lucas With 7 Replies #1422

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

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

Add Link

Post New Topic

Reply To This Topic

Comments (7)

View Top Comments

Leave Your Comments...

yako:

4 years ago

#4594

yako Mon May 28, 2007 8:58 pm

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

Caps Lock is on.

<!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 >> </a></p>
<p align="center">Website Hosting by <a href="http://www.webune.com">Webune.com</a> </p>
</body>
</html>

Report

tanka:

4 years ago

#4597

tanka Mon May 28, 2007 9:30 pm

thanks webune this workds great, just want i was looking for

Report

JAVAMASS:

3 years ago

#83591

JAVAMASS Thu Nov 27, 2008 8:08 pm

THAT WAS NEAT