Breaking News: Grepper is joining You.com. Read the official announcement!

navigator.clipboard is undefined

moi_crn answered on February 3, 2022 Popularity 9/10 Helpfulness 6/10

answer navigator.clipboard is undefined

related navigator.clipboard is undefined

navigator.clipboard is undefined

Comment

ou can write an all-in-one wrapper function.

if in secure context (https) : use navigator clipboard api
if not : use the 'out of viewport hidden text area' trick
// return a promise
function copyToClipboard(textToCopy) {
    // navigator clipboard api needs a secure context (https)
    if (navigator.clipboard && window.isSecureContext) {
        // navigator clipboard api method'
        return navigator.clipboard.writeText(textToCopy);
    } else {
        // text area method
        let textArea = document.createElement("textarea");
        textArea.value = textToCopy;
        // make the textarea out of viewport
        textArea.style.position = "fixed";
        textArea.style.left = "-999999px";
        textArea.style.top = "-999999px";
        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();
        return new Promise((res, rej) => {
            // here the magic happens
            document.execCommand('copy') ? res() : rej();
            textArea.remove();
        });
    }
}
use :

copyToClipboard("I'm going to the clipboard !")
    .then(() => console.log('text copied !'))
    .catch(() => console.log('error'));

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: javascript undefined

Link to this answer
Share Copy Link

Contributed on Feb 03 2022

moi_crn

0 Answers Avg Quality 2/10

Closely Related Answers

navigator.clipboard is undefined

Comment

On Firefox, HTTPS is required

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 12 2022

Tiago F2

0 Answers Avg Quality 2/10

navigator.clipboard is undefined

Contents

More Related Answers

navigator.clipboard is undefined

Closely Related Answers

navigator.clipboard is undefined

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.