成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

input元素type為file類型，change事件在文件選擇框出來(lái)后點(diǎn)擊取消后事件只觸發(fā)一次的問(wèn)

ixlei / 2725人閱讀

摘要：事件問(wèn)題詳細(xì)描述為類型的時(shí)候，在文件選擇框出來(lái)后，這時(shí)選擇了文件后或是點(diǎn)擊取消都會(huì)觸發(fā)事件。期望的操作和解決在文件選擇框出來(lái)之后，點(diǎn)擊取消不執(zhí)行事件里的操作獲取。事件清空原有的數(shù)據(jù)

html:


js:
$("#file").change(function(){
    console.log("change事件");
    })
問(wèn)題詳細(xì)描述：

1.input 為file類型的時(shí)候，在文件選擇框出來(lái)后，這時(shí)選擇了文件后或是點(diǎn)擊取消都會(huì)觸發(fā)change事件。
2.在選擇了一個(gè)文件之后，再重新選擇同一個(gè)文件，這時(shí)候就不再觸發(fā)change事件了。

期望的操作和解決：

1.在文件選擇框出來(lái)之后，點(diǎn)擊取消不執(zhí)行change事件里的操作-->
獲取$("#file").val()。判斷這個(gè)是否為空，為空的話直接return;

eg:
$("#file").change(function(){
    if($("#file").val() == "")
        return;
    console.log("change事件");
    })

2.選擇同一個(gè)文件之后，還能再出發(fā)change事件。-->
清空上一次觸發(fā)change事件后 input的value即可。

eg：
$("#file").change(function(){
    if($("#file").val() == "")
        return;
    console.log("change事件");
        $("#file").val("") // 清空原有的數(shù)據(jù)
    })

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52709.html

相關(guān)文章

  • input元素type為file類型，change事件在文件選擇框出來(lái)后點(diǎn)擊取消后事件只觸發(fā)一次的問(wèn)

    摘要：事件問(wèn)題詳細(xì)描述為類型的時(shí)候，在文件選擇框出來(lái)后，這時(shí)選擇了文件后或是點(diǎn)擊取消都會(huì)觸發(fā)事件。期望的操作和解決在文件選擇框出來(lái)之后，點(diǎn)擊取消不執(zhí)行事件里的操作獲取。事件清空原有的數(shù)據(jù) html: js: $(#file).change(function(){ console.log(change事件); }) 問(wèn)題詳細(xì)描述： 1.input 為file類型的時(shí)候，在文...

    Charlie_Jade 評(píng)論0 收藏0

  • jQuery入門筆記之（三）事件詳解

    摘要：可以傳遞三個(gè)參數(shù)表示一個(gè)或多個(gè)事件類型，比如。表示綁定到指定元素的處理函數(shù)。我們稱它為簡(jiǎn)寫事件。必須在中，并且使用作為事件觸發(fā)元素，不然無(wú)效。和表示鼠標(biāo)移入和移出的時(shí)候觸發(fā)。按下返回按下返回和分別表示光標(biāo)激活和丟失，事件觸發(fā)時(shí)機(jī)是當(dāng)前元素。 轉(zhuǎn)自個(gè)人博客 在JavaScript 有一個(gè)非常重要的功能，就是事件驅(qū)動(dòng)。如果你的網(wǎng)頁(yè)需要與用戶進(jìn)行交互的話，就不可能不用到事件。它在頁(yè)面完全加...

    GitCafe 評(píng)論0 收藏0

  • 瀏覽器常用事件解析

    摘要：之前寫過(guò)一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理瀏覽器事件解析。注意，頁(yè)面從瀏覽器緩存加載，并不會(huì)觸發(fā)事件。事件有一個(gè)屬性，返回一個(gè)布爾值。此外，不支持事件，可以使用事件代替。 之前寫過(guò)一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理——JavaScript瀏覽器事件解析。這一篇主要寫一些常用的事件及一些可能的坑。 表單事件 鍵盤事件 當(dāng) , 的值發(fā)生變化時(shí)觸發(fā)。此外，打開(kāi) contente...

    Richard_Gao 評(píng)論0 收藏0

  • 瀏覽器常用事件解析

    摘要：之前寫過(guò)一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理瀏覽器事件解析。注意，頁(yè)面從瀏覽器緩存加載，并不會(huì)觸發(fā)事件。事件有一個(gè)屬性，返回一個(gè)布爾值。此外，不支持事件，可以使用事件代替。 之前寫過(guò)一篇瀏覽器事件的相關(guān)操作和事件運(yùn)行的原理——JavaScript瀏覽器事件解析。這一篇主要寫一些常用的事件及一些可能的坑。 表單事件 鍵盤事件 當(dāng) , 的值發(fā)生變化時(shí)觸發(fā)。此外，打開(kāi) contente...

    zhoutk 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<