---
title: StorageEvent
slug: Web/API/StorageEvent
tags:
  - API
  - Event
  - Reference
  - StorageEvent
  - Web Storage
  - Web Storage API
translation_of: Web/API/StorageEvent
---
<div>{{APIRef("Web Storage API")}}</div>

<p><strong><code>StorageEvent</code></strong>는 접근 가능한 저장소가 다른 문서에서 변경될 경우 {{domxref("window")}}로 전송됩니다.</p>

<p>{{InheritanceDiagram}}</p>

<h2 id="특성">특성</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td class="header">특성</td>
   <td class="header">유형</td>
   <td class="header">설명</td>
  </tr>
  <tr>
   <td><code>key</code></td>
   <td>{{DOMxRef("DOMString")}}</td>
   <td>변경된 키. 저장소가 <code>clear()</code> 메서드로 인해 바뀐 경우 {{jsxref("null")}}입니다. <strong>읽기 전용.</strong></td>
  </tr>
  <tr>
   <td><code>newValue</code></td>
   <td>{{DOMxRef("DOMString")}}</td>
   <td><code>key</code>의 새로운 값. 저장소가 <code>clear()</code> 메서드로 바뀐 경우, 또는 변경점이 <code>key</code>를 저장소에서 삭제한 것인 경우 <code>newValue</code>는 <code>null</code>입니다. <strong>읽기 전용.</strong></td>
  </tr>
  <tr>
   <td><code>oldValue</code></td>
   <td>{{DOMxRef("DOMString")}}</td>
   <td><code>key</code>의 이전 값. <code>key</code>를 저장소에 새로 추가한 경우 이전 값이 존재하지 않으므로 <code>oldValue</code>는 <code>null</code>입니다. <strong>읽기 전용.</strong></td>
  </tr>
  <tr>
   <td><code>storageArea</code></td>
   <td>{{Interface("nsIDOMStorage")}}</td>
   <td>변경된 <code>Storage</code> 객체입니다. <strong>읽기 전용.</strong></td>
  </tr>
  <tr>
   <td><code>url</code></td>
   <td>{{DOMxRef("USVString")}}</td>
   <td><code>key</code>를 바꾼 문서의 URL입니다. <strong>읽기 전용.</strong></td>
  </tr>
 </tbody>
</table>

<h2 id="명세">명세</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Statuc</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("HTML WHATWG", "webstorage.html#the-storageevent-interface", "The <code>StorageEvent</code> interface")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



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