mapbox-gl-js - 如何检查光标在地图框中移动到地图之外？

Question

如何检查光标在地图框中移动到地图外？我想要一个检查光标移动到地图外的事件。

标签： mapbox-gl-js

Answer 1

请看一下mouseleave事件。

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [-74.5, 40],
    zoom: 9
});

var mouseTarget = document.getElementById('map');
mouseTarget.addEventListener('mouseleave', e => {
    console.log('mouseleave');
});