禁用单击掩码下的javascript元素

时间:2012-01-05 10:39:08

标签: javascript jquery css google-maps css3

我有以下问题;

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

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

-webkit-mask-image:url(../ images / maps_mask.png);
      -webkit-mask-repeat:no-repeat;

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

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

亲切的问候, 卡尔

1 个答案:

答案 0 :(得分:0)

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