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

Question

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

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

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

Answer 1

您可以在覆盖的 div 上捕获触摸事件并将其委托(delegate)给底层的 div 来模拟此

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

沿着这些路线的东西(使用 .trigger 或只是 .click 在底层 div 上)