Make Caps Lock on page Load

Question

How to make CAPSLOCK TurnOn Automatically on page, when capslock is OFF, using JavaScript.

How would you like it if this happens without you noticing? It's impossible, trust me. People who write browsers are no idiots (except perhaps for those who wrote IE, assuming IE is a browser). — , Jan 26 '11 at 16:26

score 7 · Accepted Answer · answered Jan 26 '11 at 16:26

You cannot manipulate the caps lock state in javascript.

In general, you cannot simulate any keypress, except on the page itself. Javascript is in general sandboxed so that no website can affect anything else. Allowing it to send keypresses would allow all sorts of havoc to occur.

score 3 · Answer 2 · edited May 23 '17 at 12:18

3

Why not use CSS to force the text to upper-case-case (and then make sure it's upper-case when you come to process the form)? this question explains how to do it with CSS and JavaScript too.

edited May 23 '17 at 12:18

Community

1
1

answered Jan 26 '11 at 16:29

akiller

2,462
22
30

score 1 · Answer 3 · answered Jan 26 '11 at 16:27

1

Have you considered capturing the keyUp event and converting all alphabetic characters to caps if they are not? Assign something like the following function to the onkeyup event of whatever fields you care about (code is from liewcf.com):

function uppercase() {
    key = window.event.keyCode;
    if ((key > 0x60) && (key < 0x7B)) {
        window.event.keyCode = key-0x20;
    }
}

answered Jan 26 '11 at 16:27

jball

24,791
9
70
92

2

Or just use the javascript toUpperCase() function – Mike Robinson Jan 26 '11 at 16:38

score 0 · Answer 4 · answered Jan 26 '11 at 16:27

0

You cannot modify client system settings using Javascript, without using external libraries.

answered Jan 26 '11 at 16:27

mrbellek

2,300
16
20

score 0 · Answer 5 · answered Jan 26 '11 at 16:28

0

I don't think you can but why not use the CSS property "text-transform" set to "capitalize" instead?

answered Jan 26 '11 at 16:28

Nabab

2,608
1
19
32

score 0 · Answer 6 · answered Jan 26 '11 at 16:28

0

You can't, and shouldn't.

What you can do is have your input elements convert text typed in mixed case to upper case, as the text is typed or afterward.

answered Jan 26 '11 at 16:28

T.J. Crowder

1,031,962
187
1,923
1,875

score 0 · Answer 7 · answered Jan 26 '11 at 16:30

0

I'm afraid you can't simulate key pressing in JavaScript it would be security hole. But you still can detect if caps lock is enabled. Found an example.

answered Jan 26 '11 at 16:30

Pawka

2,526
3
25
32

score 0 · Answer 8 · answered Jan 26 '11 at 16:31

0

Just set CSS style text-transform: capitalize and when processing form data put the text through some capitalization function.

answered Jan 26 '11 at 16:31

datenwolf

159,371
13
185
298

Make Caps Lock on page Load

8 Answers8