如题，有两个 div，用 absolute 排版，重叠在一起，两层各自绑定了一些响应事件，想要做到点击的时候同时触发两个 div 的事件，应该怎么操作？
百度了一下说是设置 style="pointer-events:none;" 试了之后发现，加上以后确实能穿透下层了，但是上层的点击事件直接被忽略了。有能同时触发两个的方法吗？
› Vue.js
This topic created in 2022 days ago, the information mentioned may be changed or developed.
 |
ch2Apr 23, 2021 via iPhone
1
事件冒泡机制，只能被一个处理
|
 |
OHynApr 23, 2021
2
用 js 去触发吧，dispatchEvent 。
ps：为啥要做的这么别扭。。。 |
 |
3
听起来像诱导用户的……
|
4 |
4
|
|
5
@Blacate 另外诱导用户什么的，js 都在沙箱里运行，又能做得到什么呢。。
|
 |
Kylin30Apr 23, 2021
6
@LeeReamond 有啊，透明层，点一下出一个广告，再点一下才出真实内容，有的网站还盖 2,3 层呢。
|
 |
proxychainsApr 23, 2021
7
@Kylin30 有些盗版视频网站好多这种广告.透明的播放按钮,点了播放在新 tab 弹出广告,播放按钮才能播放.
|
 |
8
用 vue 做的开发，思路总有一些天马行空的
|
|
BlacateApr 23, 2021 via iPhone
9
@LeeReamond 听起来通过事件冒泡和事件代理就可以实现
|
 |
csliveApr 23, 2021
10
建议去各大小说网站学学，停掉广告插件，学会各种奇淫技巧
|
 |
xuanbgApr 23, 2021
11
同时是不可能同时的，交互分两步，就得点两下。
|
 |
yunyuyuanApr 23, 2021
12
自己 dispatch
|
 |
AV1Apr 23, 2021
13
上一层监听 mousedown 事件，触发后立刻把上层设为“pointer-events:none”，
下一层监听 mouseup 事件，触发后后撤回上层的“pointer-events:none”。 纯口述，没试过。 |
 |
vivipureApr 23, 2021
14
a.b 两个 div, 成为父子关系就行吧。 你点击子级节点， 父级也会触发的
|
 |
no1xsyzyApr 23, 2021
15
@LeeReamond 你直接把两个 div 嵌套起来啊
不添加 event.stopPropagation 或者 内层 .stop 或者 外层 .self 的话会都触发啊 https://jsfiddle.net/s93aLgyz/0/ |
 |
chenmobuysApr 23, 2021
16
这是要点击广告吗
|
 |
cxe2vApr 23, 2021
17
都用上 vue 了还不简单，全覆盖那个的处理函数不要绑在元素上，你放在一个 computed 里也好，放在 watch 里也行，在子元素被点击的时候，更新一下这个被关注的属性，就触发了你想要触发的方法
|
 |
luogegeApr 23, 2021
19
A 方法里面放 B()，这么简单的问题，咋都这么绕呢
|
 |
clfApr 23, 2021
22
这个又不是叠在一起的 div 。按你的描述：点到按钮了执行按钮逻辑，点到按钮外的地方执行失焦逻辑。没必要做成后者覆盖前者。
|
 |
SakuraKumaApr 23, 2021
23
这, 不是用 vue 吗..
aboveClickEvent(){xxxx; this.belowClickEvent()} // 直接显式调用不就好了. belowClickEvent(){xxxx;} 除非你两 div 还是动态上下的.. |
 |
registerrrApr 23, 2021
24
做父子层级吧？子层级作为直接被点击的元素，子层级被点击后去触发父层级的点击事件
|
 |
wednesdaycoApr 23, 2021
25
上个订阅者不就好了 互相通知呗
|
 |
darknollApr 23, 2021
26
每个 div 响应的时候把这两个 div 的事件都执行了不就完事了
|
 |
zhuweiyouApr 23, 2021
27
既然是重叠的, 上面的 DIV 被点击, 两个处理函数都调用一下就行了...
|
 |
cereschenApr 23, 2021
28
如果你不需要处理 event 那么实现的方式太多了
需要的话就用 dispatchEvent |
 |
chaoFanExcellentApr 23, 2021
29
你执行 A，把 B 方法调用下不就行了，又不是真的要点击。
|
Select Language