js实现监听button按钮点击事件触发file点击事件

Agwenbi

于 2017-04-26 10:15:55 发布

阅读量6.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： file点击事件

本文链接：https://blog.youkuaiyun.com/Ag_wenbi/article/details/70786675

JavaScript 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一种使用JavaScript触发文件输入元素点击事件的方法。该方法兼容IE和其他现代浏览器，并通过模拟点击事件实现文件选择界面的自动弹出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var oFile=document.getElementById('file');//button按钮input
			var oSong_url=document.getElementById('song_url');//file文件input
			oFile.addEventListener("click",fn,false);
			function fn(){
				if(document.all){//IE
					oSong_url.click();
				}else{//非IE
					var e=document.createEvent("MouseEvents");
					e.initEvent("click",true,true);
					oSong_url.dispatchEvent(e);
				}
			}