Question

我尝试检查用户是否单击了地图区域，我需要它，因为我创建了查找差异游戏。我想要设置类似以下内容：如果用户单击地图区域：警报（是）； 否则，如果用户未单击地图区域：警报（“否”）；

我尝试执行此操作（针对多个区域）：

$("#img1").click(function(e){
    if($("map#diffmap").click()) alert('yes');
    else alert('no');
});

感谢所有尝试提供帮助的人，我成功做到了

Answer 1

希望此代码段对您有所帮助。

let outer = document.querySelector('#outer');
let inner = document.querySelector('#inner');
			
let outer_click_handler = function (ev){
  alert("No");
};
			
let inner_click_handler = function (ev){
  alert("Yes");
  ev.stopPropagation();
};
			
outer.addEventListener('click', outer_click_handler);			
inner.addEventListener('click', inner_click_handler);

.outer{ 
    background: #123321; 
    padding: 10px;
    width: 200px;
    height: 200px;
}

.inner{ 
    background: #789987;
    padding: 10px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 20px;
    cursor: pointer
}

<div id="outer" class="outer">
  <div id="inner" class="inner">
      MAP
  </div>
</div>

如何检查用户是否单击HTML5地图区域坐标

1 个答案: