Framework7中的文件输入程序化点击

File input programmatic click in Framework7

本文关键字：程序化 输入 文件 Framework7      更新时间：2023-09-26

我的html5应用程序中有几个文件输入，应该通过单击一些设计元素来打开。为此，我使用以下JQuery代码：

$('.btn').on('click', function() { $('#file-input').click(); });

这段代码在桌面浏览器中运行得很好，但在移动浏览器中却默默地失败了。更令人困惑的是，当制作大量水龙头（20-30个）时，它有时确实有效。另一件事是我正在使用Framework7。经过一些测试，我发现如果我评论Framework7初始化，那么前面的代码在移动浏览器中运行良好。因此，我的猜测是，F7以某种方式拦截了所有页面点击，以进行一些处理，并使用其自己的内置DOM7 dom库，出于安全原因，该库在文件输入时无法实现点击。如有任何帮助，我将不胜感激。也许熟悉F7的人可以解释这一点。或者，也许我的挖掘方向完全错误。。

我在这里找不到问题的根源，但不久前我找到了解决方法。我拒绝使用程序化点击，而是将设计元素作为标签，比如

<label for="hiddenInputId" class="myDesign"></label>

这种方法对我有效。

相关文章：