gpt4 book ai didi

javascript - 测试上传字段是否接受 "click"

转载 作者:太空宇宙 更新时间:2023-11-04 13:26:34 24 4
gpt4 key购买 nike

所以,我希望能够让人们点击链接,然后打开带有文件的输入字段。但我只希望在浏览器支持的情况下发生这种情况。正如所指出的in this answer , chrome 支持这个。 Firefox 3.6 没有,但是Firefox 4 should .

我知道您可以经常测试对 javascript 功能的支持,但我不确定如何测试此功能。

如果您想明白我的意思,下面的代码显示了单击链接时的功能。您也可以play with this on my page .

<html lang="en">
<head>
<meta charset="utf-8">
<title>Upload Field Click Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var clicker = document.getElementById('clicker');
var uploader = document.getElementById('uploader');
clicker.addEventListener("click", function(e) {
uploader.click();
e.preventDefault();
}, false);
});
</script>
</head>
<body>
<form>
<input type="file" id="uploader">
</form>
<a href="#" id="clicker">Should click the uploader</a>
</body>
</html>

不起作用的东西:

  1. 测试 !uploader.click
  2. 查看 uploader.click() 是否抛出异常

最佳答案

您可以使用 JQuery 将 HTML 动态写入文档中适当的位置

$("#mylinkID").after('<a href=" ">Whatever</a>');`

并且链接将添加到包含 ID“mylinkID”的元素之后。如果不支持 JS,则不会显示链接。

关于javascript - 测试上传字段是否接受 "click",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4936974/

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