如何记录事件对象并在浏览器上查看其所有属性

Question

在下面的日志语句中，我试图在浏览器上记录事件对象，这样我就可以根据分配给属性的值来查看它的内容。当我双击地图时，该日志声明应该显示在浏览器的检查部分。

但实际情况是，我得到了如下屏幕截图所示的内容。浏览器不显示对象内容

请告诉我如何记录事件的内容以查看所有属性和分配给它的值代码:

this.map.on('click', function(evt){
  var lonlat = transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326')
  this.longitude = lonlat[0];
  this.latitude = lonlat[1];
  console.log("evt: " + evt);
});

屏幕截图：

Answer 1

不要使用连接加号运算符 - 它会显示对象的 .toString() ，这对该元素不感兴趣。如果使用逗号，控制台将展开

console.log("evt: ", evt);

或

console.log("evt:");
console.log(evt);

如何记录事件对象并在浏览器上查看其所有属性

How to log the event object and see all of its properties on the browser

javascript

openlayers

angular