Javascript JQuery:如何从焦点事件调用click事件?
我的HTML是: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”)元素上载文件 然而,我不能像上面的代码那样在焦点事件
<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>