IDBDatabase: versionchange event

在此页

范例
浏览器兼容性
另请参阅
相关话题

versionchange event is fired when a database structure change ( IDBOpenDBRequest.onupgradeneeded event or IDBFactory.deleteDatabase ) was requested.

冒泡	No
可取消	No
接口	`事件`
事件处理程序特性	`onversionchange`

范例

This example opens a database and, on success, adds a listener to versionchange :

// Open the database
const dBOpenRequest = window.indexedDB.open('Nonexistent', 4);
dBOpenRequest.onupgradeneeded = event => {
  const db = event.target.result;
  // Create an objectStore for this database
  const objectStore = db.createObjectStore('toDoList', { keyPath: 'taskTitle' });
  // define what data items the objectStore will contain
  objectStore.createIndex('hours', 'hours', { unique: false });
  objectStore.createIndex('minutes', 'minutes', { unique: false });
  objectStore.createIndex('day', 'day', { unique: false });
  objectStore.createIndex('month', 'month', { unique: false });
  objectStore.createIndex('year', 'year', { unique: false });
};
dBOpenRequest.addEventListener('success', event => {
  const db = event.target.result;
  db.addEventListener('versionchange', event => {
    console.log('The version of this database has changed');
  });
});

The same example, using the onversionchange 事件处理程序特性：

// Open the database
const dBOpenRequest = window.indexedDB.open('Nonexistent', 4);
dBOpenRequest.onupgradeneeded = event => {
  const db = event.target.result;
  // Create an objectStore for this database
  const objectStore = db.createObjectStore('toDoList', { keyPath: 'taskTitle' });
  // define what data items the objectStore will contain
  objectStore.createIndex('hours', 'hours', { unique: false });
  objectStore.createIndex('minutes', 'minutes', { unique: false });
  objectStore.createIndex('day', 'day', { unique: false });
  objectStore.createIndex('month', 'month', { unique: false });
  objectStore.createIndex('year', 'year', { unique: false });
};
dBOpenRequest.onsuccess = event => {
  const db = event.target.result;
  db.onversionchange = event => {
    console.log('The version of this database has changed');
  };
};

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`versionchange` event	Chrome 24 24 不支持 23 — 24 Prefixed Prefixed Implemented with the vendor prefix: webkit	Edge 12	Firefox 16 16 不支持 10 — 16 Prefixed Prefixed Implemented with the vendor prefix: moz	IE 部分支持 10	Opera 15	Safari 7	WebView Android Yes	Chrome Android 25	Firefox Android 22	Opera Android 14	Safari iOS 8	Samsung Internet Android 1.5

图例

完整支持
部分支持
要求使用供应商前缀或不同名称。

另请参阅

使用 IndexedDB
onversionchange event handler property

元数据

最后修改： Jun 25, 2019

在此页

范例

浏览器兼容性

图例

另请参阅

相关话题