鍍金池/ 問(wèn)答/HTML/ js 事件冒泡問(wèn)題 求解 謝謝

js 事件冒泡問(wèn)題 求解 謝謝

現(xiàn)在有這樣一個(gè)布局
我用一個(gè)div 蓋在一張圖片上
想實(shí)現(xiàn) 點(diǎn)擊 div （紅色區(qū)域） 任意位置都想彈出內(nèi)容
但是 只有左右可以彈出
意思不想事件加在 圖片上 如何實(shí)現(xiàn)求解答

圖片描述

圖片描述

圖片描述

回答
編輯回答
綰青絲

圖片描述

是布局問(wèn)題 通過(guò)定位擋在前面即可

2017年6月26日 08:55
編輯回答
伴謊

和冒泡沒(méi)關(guān)系吧.
div添加點(diǎn)擊實(shí)現(xiàn)
事件里面控制圖片的show和hide.

2018年8月16日 22:01
編輯回答
臭榴蓮

這個(gè)可以用事件穿透來(lái)解決，為img 元素增加樣式 pointer-events:none;即可解決。

你的描述與html結(jié)構(gòu)是不匹配的，按你的html結(jié)構(gòu)來(lái)看，并不是我用一個(gè)div 蓋在一張圖片上， 而是一個(gè)包含了img元素的div

關(guān)于事件穿透，可以看下之前我寫(xiě)的博文 => 事件穿透

2018年2月26日 16:10