如何記錄事件 object 並在瀏覽器上查看其所有屬性

Question

在下面的日志語句中，我試圖在瀏覽器上記錄事件 object，以便我可以根據分配給屬性的值查看它的內容。 當我雙擊 map 時，該日志語句應顯示在瀏覽器的檢查部分。

但發生的情況是，我得到了如下屏幕截圖所示的內容。 瀏覽器不顯示 object 的內容

請讓我知道如何記錄事件的內容以查看所有屬性和分配給它的值代碼：

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

不要使用連接加號運算符 - 它會顯示 object 的 the.toString() ，這對這個元素不感興趣。 如果使用逗號，控制台將展開

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

或者

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