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

字號:


    可以使用trigger方式實現(xiàn)不用點擊file類型的input彈出文件選擇對話框,因為javascript中沒有原生的trigger函數(shù),所以自己寫了一個,喜歡的朋友可以參考下
    可以使用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>
    <input type="file" id="file"/>
    </div>