使用trigger方式實現(xiàn)不用點擊file類型的input彈出文件選擇對話框

發(fā)布時間：2020-09-29 17:18:35 來源：億速云閱讀：183 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)使用trigger方式實現(xiàn)不用點擊file類型的input彈出文件選擇對話框的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

可以使用trigger方式，javascript中沒有原生的trigger函數(shù)，可以自己寫一個，也可以直接使用jquery的實現(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]();}

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

感謝各位的閱讀！關(guān)于使用trigger方式實現(xiàn)不用點擊file類型的input彈出文件選擇對話框就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

使用trigger方式實現(xiàn)不用點擊file類型的input彈出文件選擇對話框

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽