Javascript 使用Enter键打开“选择文件”对话框

我的项目有问题

我想打开输入文件的“回车”键，以提高一些可访问性

我在标签上添加了tabindex，因为当我使用tab跳转到此标签并按下“enter”时，我想启动一个函数，该函数将打开输入文件选择器

.input{
位置：绝对位置；
可见性：隐藏；
}

上传文件

警告以下是如何通过设置实际输入的样式和视觉隐藏标签（以确保标签仍然可以访问）来实现这一点的快速方法

但是还有很多可访问性问题需要考虑，例如显示哪个文件被选择。

但这确实向您展示了如何设置输入的样式以保留所有本机功能，而不必自己重新实现它（例如，活动状态，我在这里设置了样式）。另外，不要忘记一个自定义焦点指示器，

input:focus:：before

还有其他问题，比如浏览器支持也要考虑，但是从理论上讲，这应该合理地回落，我只是没有测试过。 提供了一个很好的起点，说明如何实现一些缺少的功能，例如显示选定的文件名

输入{
颜色：透明；
宽度：150px；
高度：28px
}
输入：：-webkit文件上载按钮{
可见性：隐藏；
}
输入：：之前{
内容：'选择PDF'；
颜色：黑色；
显示：内联块；
边框：1px实心#999；
边界半径：3px；
填充：5px 8px；
大纲：无；
空白：nowrap；
-webkit用户选择：无；
光标：指针；
文本阴影：1px 1px#fff；
字号：700；
字号：10pt；
宽度：132px；
}
输入：hover:：before{
边框颜色：黑色；
}
输入：活动{
大纲：0；
}
标签{
位置：绝对！重要；
高度：1px；
宽度：1px；
溢出：隐藏；
剪辑：rect（1px 1px 1px）；/*IE6，IE7*/
剪辑：rect（1px，1px，1px，1px）；
空白：nowrap；/*添加了行*/
}

上传文件