In JavaScript can I make a "click" event fire programmatically for a file input element?

Question

I'd like to make a click event fire on an `<input type="file">` tag programmatically.Just calling click() doesn't seem to do anything or at least it doesn't pop up a file selection dialog.I've been experimenting with capturing events using listeners and redirecting the event, but I haven't been able to get that to actually perform the event like someone clicked on it.

Answer 1

Hi there. The code below should work (console.log() runs in the click event's callback and file selection panel slides down):

<input type="file">

document

.querySelector('input')

.addEventListener('click',

e => console.log('input clicked')

);