Copy - Read Pasted Data with JS

by Luca De Nardi

HTML

<table>
<tr>
  <td>test</td>
  <td>test</td>
  <td>test</td>
  <td>test</td>
</tr>
<tr>
  <td>test2</td>
  <td>test2</td>
  <td>test2</td>
  <td>test2</td>
  <td>test2</td>
  <td>test2</td>
</tr>
</table>

<button onclick="copy()">
Copia
</button>
<br><br><br><br><br><br><br>
Incolla qui
<div contenteditable></div>

CSS

div[contenteditable] {
    height: 100px;
    border: 1px dashed #666;
    outline: none;
}

JavaScript

document.querySelector("div[contenteditable]").addEventListener("paste", function(e) {
    console.log(e.clipboardData.getData("text"));
	alert(e.clipboardData.getData("text"));
});
function copy(){
	document.execCommand('copy', false, null);
}