首頁 > web前端 > html教學 > 使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框_HTML/Xhtml_網頁製作

使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框_HTML/Xhtml_網頁製作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 16:39:20
原創
1255 人瀏覽過

可以使用trigger方式,javascript中沒有原生的trigger函數,可以自己寫一個,也可以直接使用jquery的實作:

複製程式碼
程式碼如下:

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

也可以使用更簡單的方式,就是將input覆蓋住要點擊的圖片或超鍊或者其它div,然後將input設置成完全透明,這樣點擊圖片時其實點擊的是input,如下:


複製程式碼程式碼如下:




相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
No input file specified.這個咋解決
來自於 1970-01-01 08:00:00
0
0
0
No input file specified.開啟頁面就這樣
來自於 1970-01-01 08:00:00
0
0
0
thinkphp中Controller裡面使用Request::File('image');
來自於 1970-01-01 08:00:00
0
0
0
javascript - <include file="Public:header"/>無效
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板