主页 > 知识库 > 使用trigger方式实现不用点击file类型的input弹出文件选择对话框

使用trigger方式实现不用点击file类型的input弹出文件选择对话框

热门标签:青海保险智能外呼系统商家 新乡机器人外呼系统 营口400电话申请 水经注万能地图标注 最简单的百度地图标注店铺 AI外呼系统 价格 梧州地图标注app 锦州企业外呼系统 禹州电话外呼系统
可以使用trigger方式,javascript中没有原生的trigger函数,可以自己写一个,也可以直接使用jquery的实现:

复制代码
代码如下:

var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
button1.onclick = function(){alert("button1");trigger(button2,"onclick");}
button2.onclick = function(){alert("button2");}
function trigger(ele,event)
{ele[event]();}

也可以使用更加简单的方式,就是将input覆盖住要点击的图片或者超链或者其它div,然后将input设置成完全透明,这样点击图片时其实点击的是input,如下:

复制代码
代码如下:

<div class="ps-image" style="width:300px;height:300px;border:0px sold red; background:url('/images/ps.png')">
<input type="file" id="file" style="filter:alpha(opacity=0);opacity:0;width:100%;height:100%;"/>
</div>

标签:山南 青岛 昭通 哈密 延边 荆门 怀化 潮州

巨人网络通讯声明:本文标题《使用trigger方式实现不用点击file类型的input弹出文件选择对话框》,本文关键词  使用,trigger,方式,实现,不用,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《使用trigger方式实现不用点击file类型的input弹出文件选择对话框》相关的同类信息!
  • 本页收集关于使用trigger方式实现不用点击file类型的input弹出文件选择对话框的相关信息资讯供网民参考!
  • 推荐文章