Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery:如何从焦点事件调用click事件?_Javascript_Jquery - Fatal编程技术网

Javascript JQuery:如何从焦点事件调用click事件?

Javascript JQuery:如何从焦点事件调用click事件?,javascript,jquery,Javascript,Jquery,我的HTML是: <input type="text" id="textinput" name="textinput"> <input type="file" id="fileinput" name="fileinput" hidden> 所以,你们可能知道我想做什么,聪明人。 我想隐藏一个输入(type=“file”)元素,并使用另一个输入(type=“text”)元素上载文件 然而,我不能像上面的代码那样在焦点事件

我的HTML是:

<input type="text" id="textinput" name="textinput">                         
<input type="file" id="fileinput" name="fileinput"  hidden>
所以,你们可能知道我想做什么,聪明人。 我想隐藏一个输入(type=“file”)元素,并使用另一个输入(type=“text”)元素上载文件

然而,我不能像上面的代码那样在焦点事件中调用click事件,而我仍然可以在控制台中获得“focused”消息

为什么我不能在焦点事件中触发点击事件?(但我可以从另一个单击事件触发单击事件。)


谢谢你以后的帮助

谢谢@Pranav C Balan,让我知道捷径

我试过这个。它似乎对我有用。所以我认为代码的其他部分有一些错误

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    </head>
    <body>
        <input type="text" id="textinput" name="textinput">                         
        <input type="file" id="fileinput" name="fileinput"  hidden>
        <script type="text/javascript">
            $('#textinput').on('focus', function () {
                console.log("focused");
                $('#fileinput').click();
            });
        </script>
    </body>
</html>

$('#textinput')。关于('focus',函数(){
控制台日志(“聚焦”);
$('#fileinput')。单击();
});

$('fileinput')。触发器('click')@DineshPatra
.click()
.trigger('click')
@DineshPatra的快捷方式,我尝试过,但没有成功…但我希望自然事件弹出一个文件资源管理器。。。我不需要一个新的事件只是提醒一条消息…我已经更新了代码,这是你写的相同的代码。这段代码在google chrome中有效,但在firefox中不起作用。我正在研究firefox。哦,这是firefox的问题。我用铬试过了,效果很好。非常感谢。
<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    </head>
    <body>
        <input type="text" id="textinput" name="textinput">                         
        <input type="file" id="fileinput" name="fileinput"  hidden>
        <script type="text/javascript">
            $('#textinput').on('focus', function () {
                console.log("focused");
                $('#fileinput').click();
            });
        </script>
    </body>
</html>