How to send a key to an input text field using Javascript?

Question

How I can send a combination of keys (like Ctrl+C or Alt+Shift) when cursor goes in a input text field using Javascript?

I'm not using jQuery but am using MS-Ajax. Is it possible using MS-Ajax DOM?

EDIT 1)

According to @Ghostoy help,I wrote this code:

function simulateKeyPress() {
            var evt = document.createEvent("KeyboardEvent");
            evt.initKeyEvent("keypress", true, true, window,
       0, 0, 0, 0,
       0, "e".charCodeAt(0))
            var canceled = !body.dispatchEvent(evt);
            if (canceled) {
                alert("canceled");
            } else {
                alert("not canceled");
            }
        }

but when called it I got an error:

Error: Object doesn't support property or method 'initKeyEvent'

and then I changed the KeyboardEvent to KeyEvents I got this error:

Error: DOM Exception: NOT_SUPPORTED_ERR (9)

where is my fault?

Your question is hard to understand. Can you try to clarify what you want to do, please? — Paul, Aug 15 '11 at 06:56
Its easy to understand the question, here is an answer: http://stackoverflow.com/questions/2903991/how-to-detect-ctrlv-ctrlc-using-javascript — NimChimpsky, Aug 15 '11 at 07:02
I want to Send keys to a textbox using Javascript not jQUERY.for example How I can send "A" key to text box (I don't write this txt.text="a") — Arian, Aug 15 '11 at 07:13
Why don't you want to say `txt.value = "a"` (or `txt.value = txt.value + "a"`)? — nnnnnn, Aug 15 '11 at 07:25

score 2 · Accepted Answer · edited May 23 '17 at 10:30

2

Simulate key events is not easy. See this question: Simulating user input for TDD JavaScript. You'd better try other workarounds.

edited May 23 '17 at 10:30

Community

1
1

answered Aug 15 '11 at 07:40

Ghostoy

2,689
19
18

score 1 · Answer 2 · edited Mar 28 '13 at 15:26

1

Change evt.initKeyEvent(...) to evt.initKeyboardEvent(...)

or change to jQuery :)

edited Mar 28 '13 at 15:26

foebe

359
7
17

answered Mar 28 '13 at 15:07

ryamx

11
1
2

score 0 · Answer 3 · answered Mar 28 '13 at 14:47

0

there is an asnwer! we only need to extend the JQ Event with all its needed attributes, see here: http://bresleveloper.blogspot.co.il/2013/03/jsjq-simulate-enter-event.html

answered Mar 28 '13 at 14:47

bresleveloper

5,940
3
33
47

score 0 · Answer 4 · edited May 23 '17 at 11:47

0

You cannot trigger key events as if a user has actually pressed the key. See here for a relevant question. You can trigger events for your own bindings, like so (JSFiddle here, copied from answer shown above):

 var e = jQuery.Event("keydown");
 e.which = 50; // # Some key code value
 $("input").trigger(e);

edited May 23 '17 at 11:47

Community

1
1

answered Aug 15 '11 at 07:28

hayesgm

8,678
1
38
40

2

Hahaha, okay, and you don't want my advice on the topic either, then. Am I forcing you to use jQuery by using it as an example? That's not the relevant issue. Have fun figuring this out! – hayesgm Aug 15 '11 at 07:35

How to send a key to an input text field using Javascript?

4 Answers4

Linked