代碼：

<button class="del-btn">
    <i class="layui-icon">&#xe640;</i>刪除
</button>

$(".del-btn").on("click", function () {
    alert('刪除');
});

疑問(wèn)：

這個(gè)按鈕的樣式如上圖，點(diǎn)擊文字以外的區(qū)域，click事件正常觸發(fā)，但在文字上點(diǎn)擊則無(wú)效，起初我以為是jQuery庫(kù)的問(wèn)題，于是代碼改成了這樣：

<button class="del-btn" onclick="alert('刪除')">
    <i class="layui-icon">&#xe640;</i>刪除
</button>

結(jié)果發(fā)現(xiàn)還是一樣的，煩請(qǐng)遇到過(guò)類似問(wèn)題的朋友解答下，除了文字區(qū)域都沒(méi)問(wèn)題，點(diǎn)圖標(biāo)都會(huì)正常觸發(fā)click，為什么文字就無(wú)效了呢？