在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ JavaScript 點(diǎn)擊事件的奇葩問(wèn)題...請(qǐng)指教下

JavaScript 點(diǎn)擊事件的奇葩問(wèn)題...請(qǐng)指教下

代碼:

<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ú)效了呢?

回答
編輯回答
蝶戀花

button和input[type="button"]點(diǎn)擊事件綁定是不一樣的

2018年6月1日 08:19
編輯回答
汐顏

事件冒泡機(jī)制

2018年2月11日 19:15
編輯回答
雨蝶

放一個(gè)可以測(cè)試的連接出來(lái)吧,這樣描述沒(méi)有辦法讓大家來(lái)幫你。

或者你可以 console.log(evt.target) 看一下,點(diǎn)擊到的是什么

2018年4月1日 05:22
編輯回答
乖乖瀦

還有這種問(wèn)題?

2017年2月1日 17:03
編輯回答
雨蝶
 <i class="layui-icon">&#xe640;</i>

這個(gè)標(biāo)簽是不是用的絕對(duì)定位,層級(jí)高導(dǎo)致的

2017年5月4日 16:18