js copy to clipboard cross browser
/** copy text to the clipboard */
function copy2clipboard( text, callback /* optional */ ) {
// use modern clipboard API
if ( navigator.clipboard ) {
navigator.clipboard.writeText( text )
.then( function(){
// if a callback is provided, call it
callback && callback();
}).catch( function( err ){
errorMessage( err );
});
}
// use old document.execCommand('copy')
else {
// create a temporary textArea containing the text
var textArea = document.createElement( 'textarea' );
textArea.setAttribute( 'style', 'width:1px;border:0;opacity:0;' );
document.body.appendChild( textArea );
textArea.value = text;
// select the textArea
textArea.select();
try {
// copy from textArea
var isCopied = document.execCommand('copy');
// if copy was successful, and a callback is provided, call it. if copy failed, display error message
isCopied ? ( callback && callback() ) : errorMessage();
}
catch( err ) {
errorMessage( err );
}
// remove temporary textArea
document.body.removeChild( textArea );
}
/** display error message */
function errorMessage( err ) {
alert( 'Copy to clipboard failed ' + ( err || '' ) )
};
}
3.78
9
<script>
function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}
</script>
<p id="text">Hello</p>
<button onclick="copyToClipboard('#text')"></button>
Thank you!
9
0
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password