4

Is it possible to execute copy command using click EVENT?

I have some text selected and I want this text to be copied on onClick event, so that I am able to past this text to another page with out using right click or CTRL+C to copy the text.

Khandad Niazi
  • 2,326
  • 3
  • 25
  • 22

3 Answers3

2
function copyText(){
    var txt = '';
     if (window.getSelection)
        txt = window.getSelection();
    else if (document.getSelection)
        txt = document.getSelection();
    else return;
    document.getElementById("a").value=txt;
    allCopied =document.getElementById("a").createTextRange();
    allCopied.execCommand("RemoveFormat");

   allCopied.execCommand("Copy");
}

but for security reasons most browsers do not allow to modify the clipboard( except Internet explorer).

Govind Singh
  • 15,282
  • 14
  • 72
  • 106
  • 2
    I think instead of "document.getElementById("a").value="txt";" you meant "document.getElementById("a").value=txt;" but otherwise, this helped me a ton. Thanks – BrianLegg Oct 15 '15 at 19:15
0

HTML

<form name="myForm">
<span onclick="copyText(this)" >Text1</span>, <span onclick="copyText(this)" >Text2</span>
<br>
<input name="myField"></input>

JavaScript

function copyText(element) {
document.myForm.myField.value = element.innerHTML;
}

Copy to Clip Board Ctrl+C

$("#text1").click(function(){
var holdtext = $("#clipboard").innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
});
Dot_NET Pro
  • 2,095
  • 2
  • 21
  • 38
0

use getselection() to get selected text inside a browser window

rt2800
  • 3,045
  • 2
  • 19
  • 26