怎么使用trigger方式完成不用點(diǎn)擊file分類的input彈出文件選擇對(duì)話框
發(fā)表時(shí)間：2024-04-30 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)碓鯓邮褂胻rigger方式實(shí)現(xiàn)不用點(diǎn)擊file類型的input彈出文件選擇對(duì)話框，使用trigger方式實(shí)現(xiàn)不用點(diǎn)擊file類型的input彈出文件選擇對(duì)話框的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下�？梢允褂胻rigger方式，javascript中沒有原生的trigger函...
這次給大家?guī)碓鯓邮褂胻rigger方式實(shí)現(xiàn)不用點(diǎn)擊file類型的input彈出文件選擇對(duì)話框，使用trigger方式實(shí)現(xiàn)不用點(diǎn)擊file類型的input彈出文件選擇對(duì)話框的
注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。
可以使用trigger方式，javascript中沒有原生的trigger函數(shù)，可以自己寫一個(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)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
