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

Question

有一小段 javascript 调用 navigator.geolocation 的代码。

我有一个 if 语句，如果用户允许调用，它会显示纬度和经度。但是，else 部分不是运行ning。

如果我运行下面的代码，浏览器会提示我允许；如果我允许，则显示坐标。但是，如果我点击块，即使有 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 浏览器导航器权限其他部分未触发

Javascript browser navigator permissions else section not triggering

html

javascript

browser

navigator

web