ClipboardItem: types property
The read-only
types
property of the ClipboardItem
interface returns an Array
of MIME types
available within the ClipboardItem
Value
An Array
of available MIME types.
Examples
In the below example, we're returning all items on the clipboard via the
clipboard.read()
method. Then checking the types
property
for available types before utilizing the ClipboardItem.getType()
method
to return the Blob
object. If no clipboards contents is found for the
specified type, an error is returned.
js
async function getClipboardContents() {
try {
const clipboardItems = await navigator.clipboard.read();
for (const clipboardItem of clipboardItems) {
for (const type of clipboardItem.types) {
const blob = await clipboardItem.getType(type);
// we can now use blob here
}
}
} catch (err) {
console.error(err.name, err.message);
}
}
Specifications
Specification |
---|
Clipboard API and events # dom-clipboarditem-types |
Browser compatibility
BCD tables only load in the browser