如何使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框

這次帶給大家怎麼使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框，使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框的注意事項有哪些，下面就是實戰案例，一起來看一下。

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

<div class="ps-image" style="width:300px;height:300px;border:0px sold red; background:url(&#39;/images/ps.png&#39;)">  
    <input type="file" id="file" style="filter:alpha(opacity=0);opacity:0;width:100%;height:100%;"/>  
    </div>

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

Html中有哪些標記文字註解的符號

a標籤中如何設定隱藏其他屬性只顯示圖片

怎麼實作HTML的仿命令列介面

#

以上是如何使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框的詳細內容。更多資訊請關注PHP中文網其他相關文章！