您现在的位置是：网站首页> 编程资料编程资料

使用trigger方式实现不用点击file类型的input弹出文件选择对话框纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

2021-08-30 1298人已围观

简介 可以使用trigger方式实现不用点击file类型的input弹出文件选择对话框，因为javascript中没有原生的trigger函数，所以自己写了一个，喜欢的朋友可以参考下

可以使用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，如下：

复制代码
代码如下:




上一篇：用image来提交form不想使用button提交form纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

下一篇：html 网页中的锚点(命名锚记)的使用介绍html中设置锚点定位的几种常见方法HTML5实现锚点时请使用id取代nameie,360下html锚点失效问题解决html中锚点的应用 HTML中锚点的使用_动力节点Java学院整理

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网