禁用单击掩码下的javascript元素

Question

我有以下问题;

我有一个圆圈（方形div与css3一起制作），我想在其中放置一个可点击的Google地图地图。所以我做的是;

• 在我的页面中加载Google Maps元素
• 给掩码加载Google地图

  

-webkit-mask-image：url（../ images / maps_mask.png）;
      -webkit-mask-repeat：no-repeat;

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

这有一个简单的解决方案吗？

亲切的问候， 卡尔

Answer 1

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