gpt4 book ai didi

javascript - JQuery:如何从焦点事件调用单击事件?

转载 作者:行者123 更新时间:2023-11-27 22:46:06 25 4
gpt4 key购买 nike

我的 HTML 是:

<input type="text" id="textinput" name="textinput">                         
<input type="file" id="fileinput" name="fileinput" hidden>

我的 JavaScript 是:

$('#textinput').on('focus', function () {

console.log("focused");

$('#fileinput').click();

});

所以,聪明人,你们可能知道我想做什么。我想隐藏一个输入 (type="file") 元素并使用另一个输入 (type="text") 元素上传文件。

但是,我无法像上面的代码那样在焦点事件中调用单击事件,而我仍然可以在控制台中获得“焦点”消息。

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

感谢您今后的帮助!

最佳答案

谢谢@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>

关于javascript - JQuery:如何从焦点事件调用单击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38408490/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com