javascript - 在覆盖 div 上禁用 touchevents，以便底层 div 接收它们

Question

我正在开发一个移动网络画廊，用户可以在其中左右拖动幻灯片图像，一切都很好。

问题是，当我覆盖一个具有绝对定位且其中有一个按钮的 div 时，下面的 div 的触摸事件似乎没有被触发。我已经尝试pointer-events:none;过覆盖 div，但这似乎不起作用。

是否可以通过覆盖 div 禁用触摸事件，以便 z-index 底部的 div 接收它们？

Answer 1

您可以在覆盖的 div 上捕获触摸事件并将其委托给底层 div 以模拟这一点

$('#myDiv').click(function(event){
event.preventDefault();
$('#myOtherDiv').trigger(event);
});

这些方面的东西（使用.trigger或仅.click在底层div上）