【问题标题】:Creating a click-through div [duplicate]创建点击 div [重复]
【发布时间】:2012-09-27 11:31:22
【问题描述】:

我想创建两个 div。 Div A 和 Div B. Div A 位于 Div B 的顶部,因此 Div A 完全覆盖 Div B 。我想要实现的是 - 应该点击 Div A,以便我可以点击位于 Div A 下的 div B。

仅供参考-我不想隐藏 div A。它应该在那里,但应该能够直接点击它。

任何帮助表示赞赏。 提前致谢。

【问题讨论】:

  • 你的代码在哪里?展示你的尝试。
  • 完全透明?在隐形?如果是,那么如果它是点击的,那么将它放在那里有什么意义。
  • “透明”是指应该调整它的不透明度,或者它应该对点击透明(它们应该通过它)?
  • @RenatoZannon 听起来像是透明的,不会拦截点击但允许他们通过它超越
  • @HodeCode 但在问题标题中,OP 说“不可见”。

标签: javascript css html styles


【解决方案1】:

我建议其他寻找类似功能的人使用此功能。使用 jQuery,以便您能够捕获覆盖 div 上的单击事件并将其委托给底层 div 以模拟此

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

});

类似的东西(使用 .trigger 或仅 .click 底层 div)

【讨论】:

  • 如果另一个 DIV 包含多个元素,并且 OP 希望为这些元素提供不同的点击处理程序怎么办?
  • OP 没有提到使用 jQuery。他应该安装它只是为了做这件事?
  • 如果底层 div 包含多个元素,则可能是在单击时设置 display:none 或 .hide() 并重新触发事件/在事件坐标处模拟它?
猜你喜欢
  • 2013-11-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-04
  • 1970-01-01
  • 2015-12-16
  • 2018-01-19
  • 1970-01-01
相关资源
最近更新 更多