IDBVersionChangeEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

IndexedDB API のIDBVersionChangeEvent インターフェイスは、onupgradeneeded イベントハンドラー関数の結果として、データベースのバージョンが変更されたことを表します。

メモ: この機能はウェブワーカー内で利用可能です。

コンストラクター

IDBVersionChangeEvent(): データベースのバージョンが変更されたことを表す新しいIDBVersionChangeEvent オブジェクトを作成して返します。

インスタンスプロパティ

親のEvent インターフェイスからもプロパティを継承します。

IDBVersionChangeEvent.oldVersion読取専用: データベースの古いバージョンを返します。
IDBVersionChangeEvent.newVersion読取専用: データベースの新しいバージョンを返します。

インスタンスメソッド

固有のメソッドはありませんが、親のEvent インターフェイスからメソッドを継承します。

以下のコードスニペットでは、データベースを開く要求をし、成功した場合と失敗した場合用のハンドラーを用意します。バージョンが変更された時 (upgradeneeded イベントの後)、success イベントはIDBVersionChangeEvent インターフェイスを実装します。動く例全体は、To-do Notifications アプリケーションを参照してください。(動く例を見る)

const note = document.querySelector("ul");// 我々のデータベースのバージョン 4 を開きましょうconst DBOpenRequest = window.indexedDB.open("toDoList", 4);// これらの 2 個のイベントハンドラーは、データベースが正常に開かれた時と、そうでない時に動きますDBOpenRequest.onerror = (event) => {  note.innerHTML += "<li>データベースの読み込み中にエラーが発生しました。</li>";};DBOpenRequest.onsuccess = (event) => {  note.innerHTML += "<li>データベースの初期化が完了しました。</li>";  // データベースを開いた結果を変数 db に格納します。これは後で、トランザクションの開始などたくさん使います。  const db = DBOpenRequest.result;};