如何使用trigger方式完成不用點(diǎn)擊file分類的input彈出文件選擇對(duì)話框

可以使用trigger方式，javascript中沒(méi)有原生的trigger函數(shù)，可以自己寫(xiě)一個(gè)，也可以直接使用jquery的實(shí)現(xiàn)：

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]();}

也可以使用更加簡(jiǎn)單的方式，就是將input覆蓋住要點(diǎn)擊的圖片或者超鏈或者其它div，然后將input設(shè)置成完全透明，這樣點(diǎn)擊圖片時(shí)其實(shí)點(diǎn)擊的是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>

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

Html中有哪些標(biāo)記文字注釋的符號(hào)

a標(biāo)簽中怎樣設(shè)置隱藏其他屬性只顯示圖片

怎樣實(shí)現(xiàn)HTML的仿命令行界面

以上就是怎樣使用trigger方式實(shí)現(xiàn)不用點(diǎn)擊file類型的input彈出文件選擇對(duì)話框的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！