How to activate input box (fiddle provided) through browser scripting

Question

How do I programmatically click on an input box to make it become activated. I'm doing scripting through Developer Tools. Any help would be appreciated!

I have tried .focus() and .click() properties like:

      document.getElementById("myText").focus();

fiddle at http://jsfiddle.net/nep95vzj/ but it doesn't do anything.

i'm trying to script the 'click' through Developer tools in browser console, not manually click it. In other words, how do I trigger a click programmatically on this box? — user5938020, Aug 03 '19 at 03:20
but what are you talking about? the click is an event not an activation! — Mister Jojo, Aug 03 '19 at 04:19
the click event is making the input box become activated and show an Autocomplete drop down. — user5938020, Aug 03 '19 at 04:23

score 0 · Answer 1 · answered Aug 03 '19 at 03:41

0

If I understand what you're asking, you should be able to do it by dispatching an event:

var clickEvent = new MouseEvent("click", {
    "view": window,
    "bubbles": true,
    "cancelable": false
});

var inputBox = document.getElementById('inputBox');

inputBox.focus();
inputBox.dispatchEvent(clickEvent);

(I left the focus in there in case you also wanted the highlighting of the field that you'll get with focusing the element.)

answered Aug 03 '19 at 03:41

MikeTheReader

4,200
3
24
38

Hey Mike. Thanks for answering. I tried this in console for the element provided in the fiddle. It is creating the variables correctly but doesn't really simulate the click. – user5938020 Aug 03 '19 at 04:07

score 0 · Answer 2 · edited Mar 01 '22 at 13:20

0

document.getElementById("inputBox").dispatchEvent(new Event("focus"));

edited Mar 01 '22 at 13:20

General Grievance

4,555
31
31
45

answered Aug 03 '19 at 09:53

user5938020

63
1
3
12

How to activate input box (fiddle provided) through browser scripting

2 Answers2