Reading

Reading from Clipboard

Introduction

The Clipboard API allows reading text and other data from the system clipboard.

Read Text

const text = await navigator.clipboard.readText();
console.log('Clipboard content:', text);

Read Rich Data

const items = await navigator.clipboard.read();
for (const item of items) {
  if (item.types.includes('text/plain')) {
    const blob = await item.getType('text/plain');
    console.log(await blob.text());
  }
}

Paste Handling

pasteButton.addEventListener('click', async () => {
  try {
    const text = await navigator.clipboard.readText();
    outputElement.textContent = text;
  } catch (err) {
    console.error('Failed to read clipboard:', err);
  }
});

Summary

navigator.clipboard.readText() — read text from clipboard
navigator.clipboard.read() — read multiple data formats
Requires user permission (read permission is not auto-granted)
Requires HTTPS and user interaction

Reading

Reading from Clipboard

Introduction

Read Text

Read Rich Data

Paste Handling

Summary

Further Reading