js 事件冒泡问题 求解 谢谢

Question

现在有这样一个布局
我用一个div 盖在一张图片上
想实现 点击 div （红色区域） 任意位置都想弹出内容
但是 只有左右可以弹出
意思不想事件加在 图片上 如何实现求解答

Answer 1

和冒泡没关系吧.
div添加点击实现
事件里面控制图片的show和hide.

Answer 2

是布局问题 通过定位挡在前面即可

Answer 3

这个可以用事件穿透来解决，为img 元素增加样式 pointer-events:none;即可解决。

你的描述与html结构是不匹配的，按你的html结构来看，并不是我用一个div 盖在一张图片上， 而是一个包含了img元素的div

关于事件穿透，可以看下之前我写的博文 => 事件穿透