怎么用js实现 lt;input type file>的浏览的单击事件
展开全部
<html>
<head>
<title>test</title>
</head>
<body>
<div style="z-index:20;background-image:url('003.jpg');width:220px;height:30px;position:absolute;" onclick="javascript:document.getElementById('fileid').click();">
</div>
<input id="fileid" type="file" name="file" style="z-index:-1;"/>
</body>
</html>
<script type="text/javascript">
function test(){
alert("click success");
}
</script>
<input type="text" value="test" onclick="test();"/>
将file域隐藏,然后通过js调用file域的onclick。
<head>
<title>test</title>
</head>
<body>
<div style="z-index:20;background-image:url('003.jpg');width:220px;height:30px;position:absolute;" onclick="javascript:document.getElementById('fileid').click();">
</div>
<input id="fileid" type="file" name="file" style="z-index:-1;"/>
</body>
</html>
<script type="text/javascript">
function test(){
alert("click success");
}
</script>
<input type="text" value="test" onclick="test();"/>
将file域隐藏,然后通过js调用file域的onclick。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询