admin管理员组

文章数量:1289620

I am trying to implement a copy-to-clipboard button on a webpage. Below is the code I have written

function copyToClipboard(element) {
   var $temp = $("<input>");
   $("body").append($temp);
   $temp.val($(element).text()).select();
   document.execCommand("copy");
   $temp.remove();
}
   <script src=".11.1/jquery.min.js">
   </script>

   <p id="p1">Text1</p>
   <p id="p2">Text2</p>
   <button onclick="copyToClipboard('#p1')">Copy Text1</button>
   <button onclick="copyToClipboard('#p2')">Copy Text2</button>
   <br/><br/>
   <input type="text" placeholder="Paste here for test" /> 

I am trying to implement a copy-to-clipboard button on a webpage. Below is the code I have written

function copyToClipboard(element) {
   var $temp = $("<input>");
   $("body").append($temp);
   $temp.val($(element).text()).select();
   document.execCommand("copy");
   $temp.remove();
}
   <script src="https://ajax.googleapis./ajax/libs/jquery/1.11.1/jquery.min.js">
   </script>

   <p id="p1">Text1</p>
   <p id="p2">Text2</p>
   <button onclick="copyToClipboard('#p1')">Copy Text1</button>
   <button onclick="copyToClipboard('#p2')">Copy Text2</button>
   <br/><br/>
   <input type="text" placeholder="Paste here for test" /> 

However, this does not seem to work on IE 9, 11 and Safari. Is there any change/alternate implementation I can use to implement this on my webpage.

Share Improve this question edited Aug 9, 2016 at 5:23 Mukesh Ram 6,3384 gold badges20 silver badges37 bronze badges asked Dec 23, 2015 at 11:11 BountyHunterBountyHunter 1,4112 gold badges24 silver badges36 bronze badges 1
  • Answer will get from link here – Jaydip Jadhav Commented Dec 23, 2015 at 11:27
Add a ment  | 

1 Answer 1

Reset to default 8

Not sure about Safari, but on IE you can do:

window.clipboardData.setData('Text', 'text you want to copy goes here');

I hope it helps. Cheers

本文标签: javascriptCopy to clipboard option for IE9IE11 and SafariStack Overflow