---
title: PermissionStatus.onchange
slug: Web/API/PermissionStatus/onchange
tags:
  - API
  - Event Handler
  - Experimental
  - PermissionStatus
  - Permissions
  - Property
  - Reference
  - onchange
translation_of: Web/API/PermissionStatus/onchange
---
<p>{{APIRef("Permissions API")}}{{SeeCompatTable}}</p>

<p><span class="seoSummary">{{domxref("PermissionStatus")}} インターフェイス の <strong><code>onchange</code></strong> イベントハンドラは、{{domxref("PermissionStatus.state")}} プロパティが変更されるたびに呼び出されます。</span></p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="brush: js">PermissionStatus.onchange = function() { ... }
PermissionStatus.addEventListener('change', function() { ... })</pre>

<h2 id="Example" name="Example">例</h2>

<pre class="brush: js">navigator.permissions.query({name:'geolocation'}).then(function(permissionStatus) {
  console.log('位置情報のパーミッションの状態は ' + permissionStatus.state + ' です。');
  permissionStatus.onchange = function() {
    console.log('位置情報のパーミッションの状態が ' + this.state + ' に変更されました。');
  };
});</pre>

<h2 id="Specification" name="Specification">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('Permissions API','#widl-PermissionStatus-onchange','onchange')}}</td>
   <td>{{Spec2('Permissions API')}}</td>
   <td>初期定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>



<p>{{Compat("api.PermissionStatus.onchange")}}</p>