/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

3 votes162 views1 answer
Nuxt select option v-for
Html
-1 vote154 views2 answers
Bootstrap 5 change size of icon
Html
29 votes151 views6 answers
Textarea bootstrap
Html
1 vote175 views5 answers
Html quote code
Html
3 votes194 views1 answer
Install telegram
Html
1 vote157 views1 answer
Preformatted text html
Html
4 votes154 views6 answers
Bootstrap documentation
Html
8 votes219 views4 answers
Bootstrap 4 search bar
Html
1 vote150 views1 answer
A line in the middle of atom editor
Html
9 votes152 views1 answer
Viewport meta tags
Html