when user click the ok button of windows alert box the meassage is copied to users clip board using jquery

Question

I have copied the div element to the alert box. Now when I pressed ok button is it possible the text is copied to the user's clipboard.

Here is the code for reference:

$(document).ready(function(){
    $("#bn").click(function(event){
        $(alert($('#demo').text())
    });
});

If you would like to only copy the text depending on the clients response to the alert than maybe `confirm()` would be better as shown in this example [**JsFiddle demo**](https://jsfiddle.net/ogyjsby5/) — NewToJS, May 18 '18 at 07:25

Albert Einstein · Answer 1 · 2018-05-18T09:29:12.417

1

select(); to Select the text field and document.execCommand("copy"); to Copy the text inside the text field.

$(document).ready(function(){
    $("#bn").click(function(event){
        var valueToCopy = $('#demo').text();
        $('#demo').append('<textarea id="temp"></textarea>');
        $("#temp").val(valueToCopy);
        $('#temp').select().text();
        document.execCommand("Copy");
        $("#temp").remove();
        $(alert(valueToCopy));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="demo"> Hello java<br> Welcome to the world of programming<br> Error generated<br> Correction alert<br> </div> <div> <input type="button" value="clickToCopy" id="bn"> </div>

edited May 18 '18 at 09:29

answered May 18 '18 at 07:07

Albert Einstein

7,472
8
36
71

what if I have to select the div element rather than text field. Something like this:
Hello java
Welcome to the world of programming
Error generated
Correction alert

– sakshi aggarwal May 18 '18 at 09:00
everything works fine except in alert. – Albert Einstein May 18 '18 at 09:03
then what should I use in place of alert? – sakshi aggarwal May 18 '18 at 09:08
@sakshiaggarwal check answer updated. – Albert Einstein May 18 '18 at 09:22
Thank u so much. It's really helpful :-) – sakshi aggarwal May 18 '18 at 10:04

gaurav patni · Answer 2 · 2018-05-18T09:23:45.173

Yes it is possible.

In your html file include the below code.

<input type="text" value="Hello World" id="myInput">
<button onclick="myFunction()">Copy text</button>

In your js file include the below code.

<script>
function myFunction() {
  var copyText = document.getElementById("myInput");
  copyText.select();
  document.execCommand("copy");
  alert("Copied the text: " + copyText.value);
}
</script>

For reference please visit the below link .

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_copy_clipboard

Hope this will resolve your issue .

when user click the ok button of windows alert box the meassage is copied to users clip board using jquery

2 Answers2