How to click an input (type=file) on onload event

Question

Current html / javascript code...

 function myfunction() { alert("hello"); document.getElementById('file').click(); }

 <body onload="myfunction();"> <input type="file" id="file" /> </body>

Now alert is displayed, but file is not clicked on onload event but if we change the event to onclick , the alert is shown as well as file is also clicked.

Answer 1

Based on the security model of the modern browsers this is not possible. The click function will not work until the user has interacted with the page. The best I could come up with is theonfocus event which requires the user to do very little to interact with the page.

Try this...

 function myfunction() { alert("hello"); document.getElementById('file').click(); }

 <body onfocus="myfunction();"> <input type="file" id="file" /> </body>

How to click an input (type=file) on onload event

Question

1 answers

solution1
1 2015-10-28 09:00:09

How to click an input (type=file) on onload event

Question

1 answers

solution1 1 2015-10-28 09:00:09

solution1
1 2015-10-28 09:00:09