How Do I Retrieve the Current Clipboard Content in JavaScript?

Retrieving the Current Clipboard Content

The clipboard serves as a temporary storage for data, allowing users to easily transfer information between applications. When a script requires access to the clipboard's content, the navigator.clipboard.readText() method provides a simple solution.

Implementation

To utilize the navigator.clipboard.readText() method, you can employ either async/await syntax or Promise syntax.

Async/Await Syntax:

const text = await navigator.clipboard.readText();

Promise Syntax:

navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });

Considerations

It's important to note that the user must grant permission to access the clipboard content. This permission request appears as a dialog box, ensuring the security and privacy of the user's data.

Accessing the clipboard content from the console is not possible without an active tab. To execute the code from the console, a timeout can be set, allowing the user to quickly click on the website window.

Additional Information

For more details and examples on using the navigator.clipboard.readText() method, refer to the Google developer documentation.

The above is the detailed content of How Do I Retrieve the Current Clipboard Content in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!