Detect click action when 'file open dialog' popping up

Question

I think I have two questions. The second question is based on the first one.

First, I want to know about using js to detect click action. Assume I have a button selectImage, which is used to upload local image picture, i.e. after click the selectImage button, one file open dialog will pop up to let me choose the uploading file.

My question is: if we use js listener to listen to the click action of selectImage, when we click the it and file open dialog popped up, could we be noticed that the click action happened?

My second question is: if we can't detect the click action happen, which may be due to the process of choosing uploading file didn't finish, is there one way in js to detect the success of this click action?

Thank you very much.

Have a look at this question, it has both vanilla JS and jQuery examples http://stackoverflow.com/q/8451771/1585957 — bmcculley, Mar 24 '16 at 01:56

score 1 · Answer 1 · answered Mar 28 '16 at 12:19

You can call a function on clicking the file input button as

 <input type="file" onclick="myFunction()" />

And the make a function in javascript as

function myFunction(){
  alert('click action happened');
}

Check snippet

function myFunction(){
  alert('click action happened');
}

<input type="file" onclick="myFunction()" />

score 0 · Answer 2 · answered Mar 24 '16 at 01:57

0

Use addEventListener() to the get the click event of input

var file = document.getElementById("file")
file.addEventListener("click", function(){
    alert("Now select a file");
});

<input type="file" id="file" />

answered Mar 24 '16 at 01:57

Munawir

3,346
9
33
51

Detect click action when 'file open dialog' popping up

2 Answers2