Javascript Clipboard data

by shraddhapaghdar

HTML

<div class="source">Hello World!</div>
<div class="target" contenteditable="true">...Good Bye!</div>

JavaScript

const targetElement = document.querySelector('div.target');

targetElement.addEventListener('paste', (event) => {
  const paste = (event.clipboardData || window.clipboardData).getData('text');
  console.log(paste);

  const selection = window.getSelection();
  selection.deleteFromDocument();
  selection.getRangeAt(0).insertNode(document.createTextNode(paste));
  event.preventDefault();
});