javascript - 如何在 Google Map API v3 中区分鼠标左键和右键单击 mousedown 事件

Question

Google Map API v3 的 mousedown 事件在左键单击和右键单击时都会触发，如何识别是右键单击还是左键单击。

我是 Google Map API 的新手，直到现在我一直在使用 Virtual Earth API，在那里我能够区分鼠标按下时的左键和右键单击，就像 e.leftMouseButton 在左键单击时返回 true 一样。

Answer 1

不要使用 mousedown，只需使用 click。

对于右键单击事件，您可以通过以下方式捕获 rightclick 事件:

google.maps.event.addListener(map, "rightclick", function(event) {
  /* do something on right click */
});

JSFIDDLE

---

要区分使用 mousedown 事件按下的按钮，您可以使用 event.which 参数。但是为此，应该将处理程序添加到 DOM 元素( Canvas )，因为 Google API 没有在事件对象中提供 which 选项。

var c = document.getElementById('map-canvas');
google.maps.event.addDomListener(c, "mousedown", function (e) {
    if (e.which === 1) {
        $("#click").text("Left click");
    } else if (e.which === 2) {
        $("#click").text("Middle click");
    } else if (e.which === 3) {
        $("#click").text("Right click");
    }
});

JSFIDDLE