Question

如何通过在其他元素上调用"click"事件来调用input type="file"上的"context"个事件？

我正在尝试这段代码：

HTML标记：

<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文件：

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

}

但是当我点击按钮上的id="trigger".时，我没有窗口选择文件

Answer 1

解决！

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

Answer 2

尝试这样：

<强>脚本：

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

如何通过调用其他元素上下文来调用输入类型“文件”上的“单击”？

2 个答案: