第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當(dāng)一個button被form標(biāo)簽包裹時button的點擊事件(改變Input的value)無效?

當(dāng)一個button被form標(biāo)簽包裹時button的點擊事件(改變Input的value)無效?

一只萌萌小番薯 2018-09-05 14:14:36
我在學(xué)習(xí)用原生js寫一個輪播圖,我想實現(xiàn)一個可以通過點擊按鈕改變value的input輸入框,如下圖:點擊之后input的value被改變了,但是結(jié)果一閃而過,又變成了點擊之前的值。下面是我用少量的代碼來復(fù)現(xiàn)這個問題。html代碼如下:<form><input type="text" id="interval"><button id="plusBtn">+</button></form>js代碼如下:    var change = document.getElementById("plusBtn"),         t = document.getElementById("interval");         t.value = 1;         t.value = 3;     change.onclick = function () {         t.value=5;//        setTimeout(function (){t.value=5;},0);     }這段代碼的效果是input的value會顯示3,說明input的value可以被js改變,而且也會反映在頁面上。我試著用setTimeout(0)改變代碼執(zhí)行順序,結(jié)果也一樣。后來經(jīng)過我試驗,發(fā)現(xiàn)問題出在form標(biāo)簽上。如果我把form標(biāo)簽去掉,click中的代碼是有效的,html如下圖    <input type="text" id="interval">     <button id="plusBtn">+</button>這是為什么呢?
查看完整描述

1 回答

?
皈依舞

TA貢獻(xiàn)1851條經(jīng)驗 獲得超3個贊

button在form里默認(rèn)成type="submit" 了

<button id="plusBtn" type="button">+</button>

所以,總是寫button的type是個好習(xí)慣


查看完整回答
反對 回復(fù) 2018-10-10
  • 1 回答
  • 0 關(guān)注
  • 1081 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號