Vue 如何同时触发两个叠在一起的 div 的点击事件?

2021-04-23 01:48:24 +08:00
 LeeReamond

如题,有两个 div,用 absolute 排版,重叠在一起,两层各自绑定了一些响应事件,想要做到点击的时候同时触发两个 div 的事件,应该怎么操作?

百度了一下说是设置 style="pointer-events:none;" 试了之后发现,加上以后确实能穿透下层了,但是上层的点击事件直接被忽略了。有能同时触发两个的方法吗?

4274 次点击
所在节点    Vue.js
29 条回复
luogege
2021-04-23 09:53:46 +08:00
@luogege 看错了,直接父元素套子元素完事
clf
2021-04-23 10:07:07 +08:00
这个又不是叠在一起的 div 。按你的描述:点到按钮了执行按钮逻辑,点到按钮外的地方执行失焦逻辑。没必要做成后者覆盖前者。
SakuraKuma
2021-04-23 10:14:00 +08:00
这, 不是用 vue 吗..
aboveClickEvent(){xxxx; this.belowClickEvent()} // 直接显式调用不就好了.
belowClickEvent(){xxxx;}

除非你两 div 还是动态上下的..
registerrr
2021-04-23 11:02:46 +08:00
做父子层级吧?子层级作为直接被点击的元素,子层级被点击后去触发父层级的点击事件
wednesdayco
2021-04-23 11:28:37 +08:00
上个订阅者不就好了 互相通知呗
darknoll
2021-04-23 11:49:30 +08:00
每个 div 响应的时候把这两个 div 的事件都执行了不就完事了
zhuweiyou
2021-04-23 11:50:14 +08:00
既然是重叠的, 上面的 DIV 被点击, 两个处理函数都调用一下就行了...
cereschen
2021-04-23 13:32:37 +08:00
如果你不需要处理 event 那么实现的方式太多了
需要的话就用 dispatchEvent
chaoFanExcellent
2021-04-23 21:27:58 +08:00
你执行 A,把 B 方法调用下不就行了,又不是真的要点击。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/772591

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX