Cannot use onclick() on Firefox

Asked Sep 04 '19 at 12:15

Active Sep 06 '19 at 07:34

Viewed 80 times

I'm trying to call OnClick() on a file input field but the window for selecting the file doesn't appear. I tried the same on Chrome and Edge and it works perfectly.

var input = document.createElement('input');
input.setAttribute('id', 'InputField');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');

input.style.visibility = 'hidden';
input.onclick = function() {
  console.log('File loading clicked');
};
input.click()

PS: in the 'duplicated' i didn't finded any working functions, probably because the answers are from 7 years ago.

edited Sep 06 '19 at 07:34

asked Sep 04 '19 at 12:15

Nicot3

I created a snippet and added `input.click()` please change if needed. Firefox does not like to trigger clicks – mplungjan Sep 04 '19 at 12:19
I almost sure that you can't force File Browser popup by calling `click()` on input, you require user real click. – jcubic Sep 04 '19 at 12:21
@jcubic you can force it, type file for sure, because how you create a custom browse file buttons ?, it's possible. – Joel Garcia Nuño Sep 04 '19 at 12:23
@jcubic i tryed in Chrome and Edge and works, the problem is on Firefox. – Nicot3 Sep 04 '19 at 12:23
1

works fine in firefox too – Jaromanda X Sep 04 '19 at 12:23
1

Same here your code works on firefox for me – pietro Sep 04 '19 at 12:24
Scroll the dupe until you find one that works for you – mplungjan Sep 04 '19 at 12:32

Cannot use onclick() on Firefox

0 Answers0