我想在按鈕內(nèi)有一個(gè) X，就像 chrome 選項(xiàng)卡中的 X 一樣。所以我有 4 個(gè)按鈕，當(dāng)我點(diǎn)擊其中的一個(gè)時(shí)，它們會(huì)給我一個(gè) POST?，F(xiàn)在我想在該按鈕內(nèi)有一個(gè) X 圖標(biāo)以重定向到不同的頁(yè)面/運(yùn)行功能我試圖在按鈕內(nèi)放置一個(gè) href ，但它不起作用...... X 會(huì)像一個(gè) href 一樣呈藍(lán)色，但是當(dāng)我點(diǎn)擊它時(shí)，它只會(huì)點(diǎn)擊按鈕。<button class="btn btn-default" style="background-color: #<?php echo $fontColor; ?>;width:240px;white-space:normal" type="submit" name="actief"> <i class="fa fa-user fa-fw"></i> <?php echo $result['FIRST_NAME'], " ".$result['LAST_NAME']; echo $icon; ?> </button>
1 回答
阿晨1998
TA貢獻(xiàn)2037條經(jīng)驗(yàn) 獲得超6個(gè)贊
如果我理解正確，您希望嵌套在按鈕內(nèi)的元素是可點(diǎn)擊的，并且只有在點(diǎn)擊該元素時(shí)才觸發(fā)函數(shù)。如果按鈕本身已被單擊，您還希望運(yùn)行單獨(dú)的操作。
您可以在整個(gè)按鈕上運(yùn)行事件偵聽(tīng)器，然后檢查單擊的元素e.target是按鈕本身還是內(nèi)部的 X。
如果我誤解了您的問(wèn)題，請(qǐng)告訴我，我會(huì)嘗試更正我的答案。
const button = document.querySelector('button');
const buttonClose = document.querySelector('.button__close');
button.addEventListener('click',(e)=> {
if(e.target.classList == buttonClose.classList){
alert('Close Clicked')
}
});
.button__close{
background:white;
padding:10px;
display:inline-block;
margin-left:5px;
}
<button>Example<span class='button__close'>x</span></button>
- 1 回答
- 0 關(guān)注
- 375 瀏覽
添加回答
舉報(bào)
0/150
提交
取消