Trigger a 'Click' on an Input field

Asked Aug 27 '19 at 14:07

Active Aug 27 '19 at 15:34

Viewed 33 times

I am trying to trigger a 'click' on an input field. However, am unable to get it to work with native javascript. No jquery solution please.

Link to CodeSandbox demo

Code:

function triggerEvent(elem, event) {
  var clickEvent = new MouseEvent(event); // Create the event.
  console.log("dispatching now", elem, clickEvent);
  elem.dispatchEvent(clickEvent); // Dispatch the event.
}

// var inp = document.getElementById("inp");
var label = document.getElementById("labelInp");
triggerEvent(label, "click");

I tried the solutions in other questions, however, none worked on an input field. Hence this question.

Update:

Added object with props for the MouseEvent to see if that helps, however, it doesn't.

https://codesandbox.io/s/affectionate-resonance-zzjrs

edited Aug 27 '19 at 15:34

asked Aug 27 '19 at 14:07

Kayote

14,579
25
85
144

None of the solutions work on input field. Hence the question asking for triggering on an input field. – Kayote Aug 27 '19 at 14:10
https://codesandbox.io/s/snowy-bush-ihugc – mplungjan Aug 27 '19 at 14:11
1

https://codesandbox.io/s/upbeat-jennings-nweud – mplungjan Aug 27 '19 at 14:13
Thank you for looking into this. Doesn't work on Firefox. – Kayote Aug 27 '19 at 14:18
I see. That is not new: https://stackoverflow.com/questions/809057/how-do-i-programmatically-click-on-an-element-in-javascript – mplungjan Aug 27 '19 at 14:34
Thanks again for looking into this. Unfortunately, the user lulian's solution also didn't work. https://stackoverflow.com/a/22469115/434697 – Kayote Aug 27 '19 at 14:56
Can you post your actual attempts at using these solutions? – Scott Hunter Aug 27 '19 at 15:08
Please see the question update (bottom of the question) for an updated link to codesandbox. – Kayote Aug 27 '19 at 15:35

Trigger a 'Click' on an Input field

0 Answers0