How to call "click" on input type "file" by calling context on other element?

Question

How I can call "click" event on input type="file" by calling "context" event on other element?

I am trying this code:

HTML Markup:

<html>
    <head>
        <title>Title</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
        <script type="text/javascript" src="js.js"></script>
</head>
<body>
    <input type="file" id="file"/>
    <button id="trigger">Click</button>
</body>

JavaScript file:

window.onload = function() {
window.oncontextmenu = function(){
    return false;
};
$("#trigger").on("contextmenu", function(){
    $("#file").trigger("click");
});

}

But I haven't got window to choose file, when I click the right mouse button on button with id="trigger".

The event handler is triggered, but the file input won't open, changing the event from contextmenu to click makes it work, so this is clearly a security "feature" built into the browser, the same way a file input that is hidden can't be triggered for security reasons. — adeneo
– adeneo, Commented Nov 13, 2014 at 12:54

hcxbvifwmrss · Accepted Answer · 2014-11-13 15:17:26Z

1

Resolved!

  window.onload = function() {
        $("#trigger").mousedown(function(e){
            if(e.button == 2){
                $("#file").trigger("click");
            }
        });
    }

answered Nov 13, 2014 at 15:17

hcxbvifwmrss

311 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Syed Muhammad Zeeshan · Accepted Answer · 2014-11-13 13:23:39Z

0

try like this:

Script:

$('#trigger').click(function() {
    $('#file').trigger('click');
});

answered Nov 13, 2014 at 13:23

Syed Muhammad Zeeshan

1,0457 silver badges16 bronze badges

1 Comment

hcxbvifwmrss Over a year ago

The main idea is to use oncontext event on button with id="trigger".

Collectives™ on Stack Overflow

How to call "click" on input type "file" by calling context on other element?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related