Question

有一小段JavaScript代码，它们调用navigator.geolocation。

我有一个if语句，该语句有效，如果用户允许呼叫，则显示纬度和经度。但是，else部分未运行。

如果我运行下面的代码，浏览器会提示我允许；如果我允许，则显示坐标。但是，如果我碰到障碍，即使有else部分，也不会发生任何事情。

<body>
  <br> <p id="ChangeSring">Test</p>
  <script>
  var x = document.getElementById("ChangeSring");
  if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(SavePosition);
  } else { 
      x.innerHTML = "Geolocation is not supported by this browser.";
      document.cookie = 'location=false;path=/form_handler';
  }

  function SavePosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;
    document.cookie = 'location=true;path=/form_handler';
    document.cookie = 'latitude='+ position.coords.latitude +';path=/form_handler';
    document.cookie = 'longitude='+ position.coords.longitude +';path=/form_handler';
  }
  </script>

  <form action="/form_handler" _lpchecked="1">
    Enter value:
    <input type="text" name="SomeVar"><br>
    <input type="submit" value="search">
  </form>
</body>

Answer 1

您不能使用else来检查权限。

导航器方法getCurrentPosition进行成功和错误回调。如果权限被拒绝，则会调用错误回调。

if (navigator.geolocation) { // this checks if navigator is supported at all
  navigator.geolocation.getCurrentPosition(console.log, () => {
    console.log('Permission denied')
  });
} else {
  console.log('Geolocation is not supported by this browser.');
}

Answer 2

getCurrentPosition具有一个success和一个error函数。参考：https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition#Example

function errorGettingPosition(positionError) {
  x.innerHTML = "Geolocation is not supported by this browser.";
  document.cookie = 'location=false;path=/form_handler';
}

navigator.geolocation.getCurrentPosition(SavePosition, errorGettingPosition)

Answer 3

该if-else语句正在检查navigator.geolocation是否未定义（即使您不希望浏览器知道您的位置也不是未定义），请按照其他答案正确处理权限

Javascript浏览器导航器权限else部分未触发

3 个答案: