/Html/Copy to cllipboard the html element

Copy to cllipboard the html element

const copyWithStyle = ( element ) => {

    const doc = document;
    const text = doc.getElementById( element );
    let range;
    let selection;

    if( doc.body.createTextRange ) {

        range = doc.body.createTextRange();
        range.moveToElement( text );
        range.select();

    } else if ( window.getSelection ) {

        selection = window.getSelection();

        range = doc.createRange();
        range.selectNodeContents( text );

        selection.removeAllRanges();
        selection.addRange( range );

    }

    document.execCommand( 'copy' );
    window.getSelection().removeAllRanges();
    document.getElementById( 'clickMe' ).value = 'Copied to clipboard!';

}

Similar codes

0 vote154 views1 answer
Web development html chapter 1
Html
0 vote156 views2 answers
Google share link html
Html
1 vote137 views1 answer
Usehistory is not exported from react-router-dom
Html
5 votes136 views1 answer
How to link html pages in different folders
Html
0 vote153 views1 answer
Ionic 5-star-rating
Html
0 vote135 views1 answer
Html non importa immagini in webpack
Html
0 vote152 views1 answer
Chat box html
Html
0 vote200 views1 answer
Vuejs conditional rendering paragraph not working
Html
43 votes145 views4 answers
Multiline comment html
Html
0 vote148 views2 answers
MathJax
Html