相关疑难解决方法(0)

在JavaScript中,我可以以编程方式为文件输入元素触发"click"事件吗?

我想以<input type="file">编程方式在标记上触发click事件.

只是调用click()似乎没有做任何事情,或者至少它没有弹出文件选择对话框.

我一直在尝试使用侦听器捕获事件并重定向事件,但是我无法像点击某个人那样实际执行事件.

html javascript

254
推荐指数
9
解决办法
32万
查看次数

标签内的 HTML 按钮不会触发文件上传

我想使用标签来创建自定义文件输入:

    input[type="file"] {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }
    
    section {
    	padding: 30px;
    	border: 1px solid lightgray;
    	width: 200px;
    	margin: 100px;
    }
    
    label {
        display: block;
    }
Run Code Online (Sandbox Code Playgroud)
    <section>
    	<label for="test">
    	    <input type="file" id="test">
    	    <button>Click me</button>
        </label>
    </section>
Run Code Online (Sandbox Code Playgroud)

但是,当我单击标签内的按钮时,它不会打开文件弹出窗口,只有当我单击标签外部时,它才起作用。我怎样才能做到这一点?

html javascript css

8
推荐指数
1
解决办法
3509
查看次数

标签 统计

html ×2

javascript ×2

css ×1