#clipboardapi — Public Fediverse posts

#Development #Guides
Handling paste events in JavaScript · Browser support, techniques, examples, and use cases https://ilo.im/160e41

_____
#Clipboard #ClipboardAPI #Security #Browser #WebDev #Frontend #DOM #HTML #JavaScript

#TIL

> The async #ClipboardAPI introduced in 2017 restricts which data types can be written to and read from the clipboard. However, it can read from and write to the clipboard at any time.

> The older #Clipboard #Events #API has no real restrictions on which data types can be written to and read from the clipboard. However, it can only be triggered by the user agent.

https://alexharri.com/blog/undefined/blog/clipboard

#webDev #javaScript #web #development

#Development #Guides
The web’s clipboard · How it works and stores data of different types https://ilo.im/15zyur

_____
#Clipboard #ClipboardAPI #ClipboardEventsAPI #Figma #Browser #WebDev #Frontend #HTML #JavaScript

#Development #Guides
The web’s clipboard · How it works and stores data of different types https://ilo.im/15zyur

_____
#Clipboard #ClipboardAPI #ClipboardEventsAPI #Figma #Browser #WebDev #Frontend #HTML #JavaScript

#Development #Guides
The web’s clipboard · How it works and stores data of different types https://ilo.im/15zyur

_____
#Clipboard #ClipboardAPI #ClipboardEventsAPI #Figma #Browser #WebDev #Frontend #HTML #JavaScript

#Development #Guides
The web’s clipboard · How it works and stores data of different types https://ilo.im/15zyur

_____
#Clipboard #ClipboardAPI #ClipboardEventsAPI #Figma #Browser #WebDev #Frontend #HTML #JavaScript

#Development #Guides
Writing to the clipboard in JavaScript · Browser support, techniques, examples, and use cases https://ilo.im/15zvqv

_____
#Clipboard #ClipboardAPI #Security #Browser #WebDev #Frontend #DOM #HTML #JavaScript

#Development #Guides
Reading from the clipboard in JavaScript · Browser support, techniques, use cases, and examples https://ilo.im/15znzk

_____
#Clipboard #ClipboardAPI #Security #Browser #WebDev #Frontend #DOM #HTML #JavaScript

#Development #Announcements
Seamless SVG copy-paste on the web · Now supported in Microsoft Edge and other Chromium browsers https://ilo.im/15zh1z

_____
#VectorGraphic #SVG #Chromium #Browser #ClipboardAPI #Design #WebDesign #WebDev #Frontend

Here’s a niche gotcha with the clipboard API’s `navigator.clipboard.writeText()` method that’s unique to Safari:

If you access a function from a module within your gesture handler (e.g., click handler), you will get a permission error.

The (sadly hacky and not as robust) workaround is to set a global variable from your module instead.

Full gist:

https://codeberg.org/aral/gists/src/branch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md

#Safari #clipboardAPI #JavaScript #ESModules #web #dev #gist