禁用单击掩码下的javascript元素

disable clicking on javascript element beneath mask

本文关键字：javascript 元素 掩码 单击      更新时间：2023-09-26

我有以下问题；

我有一个圆圈（用css3做成的方形div），我想在里面放一个可点击的谷歌地图；

  • 在我的页面中加载谷歌地图元素
  • 在掩码中给出加载谷歌地图的div

-webkit掩码图像：url（../images/maps_mask.png）
-webkit掩码重复：无重复；

看起来很棒！但当我点击角落（因为面具而隐藏起来）时，我仍然可以拖动谷歌地图！我不想要这个！

有简单的解决方案吗？

亲切问候，Carl

您可以尝试捕捉所有降落在谷歌地图上的鼠标事件，计算（按位置）命中是否在可见区域之外，如果在可见区域以外，则取消它们。

相关文章：