Javascript - 我的函数地理定位权限 onchange 以几何级数返回值

Question

这是我的代码，当用户更改地理权限时应该切换按钮

toogleGeoButtons() 工作正常

但是当启动 onchange 函数时，它甚至会导致 toogleGeoButtons()。所以

function toogleGeoButtons() {
    // toggle function
    console.log("toggled")
}
geoSettings = {
    timeout: 1000 * 10,
    maximumAge: 1000 * 60,
    enableHighAccuracy: true
}
navigatorPermisstion();
function navigatorPermisstion() {
    navigator.permissions.query({
        name: 'geolocation'
    }).then(function(result) {
        if (result.state == 'granted') {
            toogleGeoButtons();
            // console.log(result.state);
            getLocation();
        } else if (result.state == 'prompt') {
            // console.log(result.state);
            navigator.geolocation.getCurrentPosition(revealPosition, positionDenied, geoSettings);
        } else if (result.state == 'denied') {
            toogleGeoButtons();
            // console.log(result.state);
        }
        result.onchange = function() {
            navigatorPermisstion();
        }
    });    
}

function revealPosition(position) {
    console.log(position)
}
function positionDenied(positionError) {
    console.log(positionError)
}

Answer 1

试试这个:

navigatorPermisstion();
function navigatorPermisstion() {
    navigator.permissions.query({
        name: 'geolocation'
    }).then(function(result) {
        if (result.state == 'granted') {
            getLocation();
        } else if (result.state == 'prompt') {
            navigator.geolocation.getCurrentPosition(revealPosition, positionDenied, geoSettings);
        }
        result.onchange = function() {
            toogleGeoButtons();
        }
    });    
}