javascript - 将文件拖放到隐藏元素上

标签 javascript html css

我尝试做一个漂亮的拖放文件输入(没有路径字符串和上传按钮,只是一个带边框的空框)。为此,我使用了 visibility: hidden 属性——这样文件输入确实是空的。我没有使用 display: none 因为它似乎是从 DOM 中“移除”元素。

问题是 onDrop 事件在这种情况下不起作用。 onClick 也不起作用。我必须使元素可见才能使其工作,但话又说回来,我不希望内容可见。

我该如何处理?

最佳答案

试试不透明度,它似乎做你想做的事:

opacity: 0;

关于javascript - 将文件拖放到隐藏元素上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41336922/

相关文章:

javascript - jquery replaceWith() 不更新数据

javascript - 如何使用 async 或 Promise Node/Express

css - 转换过程中 Div 从 Angular 落泄漏

css - GitHub 页面仅显示 html,来自具有 CSS 文件夹的网站存储库

javascript - svg动画逐个字母填充vivus.js

javascript - 登录时响应刷新组件

javascript - 分块 WebSocket 传输

javascript - 正则表达式匹配文本中的简单 json

javascript - 设置一个 HTML5 Video 元素来覆盖?

javascript - 制作 "scrolling"菜单