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

标签 javascript jquery jquery-events

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

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

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

最佳答案

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

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

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

关于javascript - 在覆盖的 div 上禁用 touchevents,以便底层 div 接收它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12757566/

相关文章:

javascript - javascript数组何时可以在键: value pairs with keys having 'string' values?中存储元素

javascript - jQuery.unique 在 Microsoft Edge 中不起作用

javascript - 如何动态设置 HTML lang 属性?

javascript - AngularJS dataTable,$http get 不起作用

javascript - 有没有办法纯粹通过 CSS 来做到这一点?

javascript - 从子div中获取父div的内容并调用子div中按钮上的函数

javascript - 单选按钮填充颜色

jquery - 使用 jQuery document.Ready 函数将事件附加到元素

javascript - 为什么点击复选框不添加选中的属性 ='checked'

javascript - event.preventDefault() 不起作用(jQuery live)