如何使用trigger方式完成不用點擊file分類的input彈出文件選擇對話框
發表時間:2023-09-16 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這次給大家帶來怎樣使用trigger方式實現不用點擊file類型的input彈出文件選擇對話框,使用trigger方式實現不用點擊file類型的input彈出文件選擇對話框的注意事項有哪些,下面就是實戰案例,一起來看一下。可以使用trigger方式,javascript中沒有原生的trigger函...
這次給大家帶來怎樣使用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('/images/ps.png')">
<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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。