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
– Paul, Commented Aug 15, 2011 at 6:56
Its easy to understand the question, here is an answer: stackoverflow.com/questions/2903991/… — NimChimpsky
– NimChimpsky, Commented Aug 15, 2011 at 7: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") — DooDoo
– DooDoo, Commented Aug 15, 2011 at 7:13
Why don't you want to say txt.value = "a" (or txt.value = txt.value + "a")? — nnnnnn
– nnnnnn, Commented Aug 15, 2011 at 7:25

Community · Accepted Answer · 2017-05-23 10:30:08Z

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, 2017 at 10:30

CommunityBot

11 silver badge

answered Aug 15, 2011 at 7:40

Ghostoy

2,7591 gold badge19 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

foebe · Accepted Answer · 2013-03-28 15:26:40Z

1

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

or change to jQuery :)

edited Mar 28, 2013 at 15:26

foebe

3597 silver badges17 bronze badges

answered Mar 28, 2013 at 15:07

ryamx

111 silver badge2 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:47:35Z

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, 2017 at 11:47

CommunityBot

11 silver badge

answered Aug 15, 2011 at 7:28

hayesgm

9,2362 gold badges40 silver badges41 bronze badges

1 Comment

hayesgm Over a year ago

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!

bresleveloper · Accepted Answer · 2013-03-28 14:47:21Z

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, 2013 at 14:47

bresleveloper

6,0743 gold badges35 silver badges50 bronze badges

Collectives™ on Stack Overflow

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

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related