#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

テスト用に クリップボードに貼り付けサンプル作成した！
これで Ctrl+V も クリップボード直接読み出しもできる。
あとで ダウンロードするサンプルも追加しよう。 #clipboardApi #clipboardEvent #javascript
https://livecodes.io/?x=id/p2tkre3ut5b

#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

RT @christianliebel@twitter.com

JSPaint meets MSPaint! Little interop demo via Async #Clipboard API/Raw Clipboard Access. PWA on the left, native app on the right! First paste to website requires user consent.

Demo: https://christianliebel.github.io/jspaint/index.html
Code: https://github.com/christianliebel/jspaint/commit/42332c98614d11203ac8a258d63508318b910866

#mspaint #jspaint #fugu #clipboardapi