Question

我正在使用javascript API开发Google地图。我想知道在鼠标点击期间是否按下了Command键（在Mac上）。但是，我似乎无法访问此类信息：

https://developers.google.com/maps/documentation/javascript/reference#MouseEvent

有什么方法吗？

Answer 1

我认为黑客有可能：我没有Mac，所以我无法测试。我所做的就是用ctrlKey替换metaKey。在JSFiddle中有一个我无法解决的错误，第一次点击或元+点击将始终注册为常规点击。它在JSFiddle之外工作正常。

元点击应该打印latLng。请试一试：

http://jsfiddle.net/ThraL/5/

Windows版本（ctrl）

http://jsfiddle.net/ThraL/4/

（看起来你可以写metaKey || ctrlKey，但由于我无法测试，我会将它们分开）。

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

      var metadown;
      var clicks = 0;

      $(window).keydown(function(evtobj) {
        if(evtobj.metaKey) { 
          metadown = true;
        } 
        $(window).one("keyup",function(evtobj) {
          metadown = false;
        });
      });

      google.maps.event.addListener(map, 'click', function(event) {
        if(metadown) {
          $("#console").val(event.latLng);
          metadown = false; 
        }
        else {
          $("#console").val("meta not down (" + clicks + ")\n");  
          clicks++;
        }
      });

      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
<div id="display">
    <textarea id="console" rows="2" cols="30"></textarea>
</div>
    <div id="map_canvas"></div>
  </body>
</html>

Google地图 - 在点击事件期间检测metaKey状态？

1 个答案: