Tue. Jun 6th, 2023

[ANSWERED] javascript – Unexpected result when copying text

By

Nov 18, 2022 css, html, javascript

Solution 1 :

if you want to get the data which was selected during cut/copy/paste you can use document.getSelection().getRangeAt(0).toString(); to get the clipboard data

document.addEventListener('copy', (event) => {
  const selection = document.getSelection().getRangeAt(0).toString();
  debugger;
  console.log(selection);
  event.preventDefault(selection);
});
document.addEventListener('cut', (event) => {
  const selection = document.getSelection().getRangeAt(0).toString();
  debugger;
  console.log(selection);
  event.preventDefault(selection);
});
document.addEventListener('paste', (event) => {
  const selection = document.getSelection().getRangeAt(0).toString();
  debugger;
  console.log(selection);
  event.preventDefault(selection);
});

AAA

Problem :

When I copy the letter A, it looks like an empty string is logged to the console. I expect A to be logged.

When I paste, the console successfully logs A.

document.addEventListener('copy', handler);
document.addEventListener('cut', handler);
document.addEventListener('paste', handler);

function handler(e) {
  console.log(e.clipboardData.getData('text/plain'));
}

Comments

Comment posted by “However, the handler cannot read the clipboard data.”

“However, the handler cannot read the clipboard data.”

Comment posted by Anthony

Try

By

Related Post

[ANSWERED] html – Hidden Div Text Reappears?

Nov 20, 2022

[ANSWERED] c# – InvalidCastException when reading mshtml.HTMLDocument.Script property

Nov 20, 2022

[ANSWERED] HTML & Javascript – make text appear when dropdown menu option selected

Nov 20, 2022