{"id":1720,"date":"2023-11-06T05:00:00","date_gmt":"2023-11-06T13:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1720"},"modified":"2023-11-03T15:35:12","modified_gmt":"2023-11-03T22:35:12","slug":"copy-and-paste-in-javascript","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/copy-and-paste-in-javascript\/","title":{"rendered":"Copy and paste in JavaScript"},"content":{"rendered":"\n

Sometimes, it’s helpful to copy and paste some text programmatically. There are different options in Javascript, and the only one that works consistently is the following:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

You can see an example of the above code in action on Stackblitz here<\/a>. The only caveat is that such code can be triggered from an event listener, such as onClick<\/code>.<\/p>\n\n\n\n

A newer API is emerging but isn’t fully supported anywhere, and Firefox support is significantly lacking, so I wouldn’t recommend it. The main problem with that new approach is that it requires the user’s permission, and there’s currently no way to ask for it. The Permissions API<\/a> seems to be a bit inconsistent and lacking<\/a> at this point:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

It’s a shame because that new API would allow copying custom content into the clipboard, not just the current user’s selection.<\/p>\n\n\n\n

By the way, a quick reminder to tune in for the Angular live event today on Youtube<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sometimes, it’s helpful to copy and paste some text programmatically. There are different options in Javascript, and the only one that works consistently is the following: You can see an example of the above code in action on Stackblitz here. The only caveat is that such code can be triggered from an event listener, such […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-1720","post","type-post","status-publish","format-standard","hentry","category-javascript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t