IDBDatabase: abort event

在此页

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

abort event is fired on IDBDatabase when a transaction is aborted and bubbles up to the connection object.

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

范例

This example opens a database (creating the database if it does not exist), then opens a transaction, adds a listener to the abort event, then aborts the transaction to trigger the event.

// Open the database
const dBOpenRequest = window.indexedDB.open('toDoList', 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 = dBOpenRequest.result;
  db.addEventListener('abort', () => {
    console.log('Transaction aborted');
  });
  // open a read/write db transaction, ready for adding the data
  const transaction = db.transaction(['toDoList'], 'readwrite');
  // abort the transaction
  transaction.abort();
};

The same example, but assigning the event handler to the onabort 特性：

// Open the database
const dBOpenRequest = window.indexedDB.open('toDoList', 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 = dBOpenRequest.result;
  db.onabort = () => {
    console.log('Transaction aborted');
  };
  // open a read/write db transaction, ready for adding the data
  const transaction = db.transaction(['toDoList'], 'readwrite');
  // abort the transaction
  transaction.abort();
};

浏览器兼容性

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
`abort` 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
onabort event handler property

元数据

最后修改： Mar 18, 2019

在此页

范例

浏览器兼容性

图例

另请参阅

相关话题