将鼠标悬停在Mapbox中的弹出窗口上时，Mousemove会停止触发

Question

我需要知道我何时悬停弹出窗口

因此，我使用mousemove事件记录了地图的功能。

它在任何地方都可以正常工作，除非我将弹出窗口悬停。

我一进入弹出窗口，就不会触发任何事件。

我需要知道何时将其悬停在其上，并复制其引用。

这是代码：

map.on('mousemove', function (e) {
  var features = map.queryRenderedFeatures(e.point);
  console.log( 'Logging' )

});

非常简单，但是一旦鼠标出现在弹出窗口中，浏览器就会停止登录。

有什么想法吗？

Answer 1

尝试在弹出窗口中捕获'mousemove'事件。 弹出窗口应具有类mapboxgl-popup，因此您可以尝试以下功能（JQuery中的示例）：

$('.mapboxgl-popup').on('mousemove', function (e) {
  var features = map.queryRenderedFeatures(e.point);
  console.log( 'Logging' )
});