主页 / 问题 / 999076
Accepted
Black Fire
Asked:2020-07-04 01:35:14 +0000 UTC2020-07-04 01:35:14 +0000 UTC

单击时将标签内容复制到剪贴板

  • 772

const inp = document.querySelector('#input');
const out = document.querySelector('#output');
const btn = document.querySelector('#fix');
const writeBtn = document.querySelector('#copy');

btn.addEventListener('click', () => {
  const text = inp.value;
  output.innerText = text.replace(/<\s*(\/)?\s*([^>\s]+)\s*(\s[^>]*)?>/g, '<$1$2$3>');  
});
writeBtn.addEventListener('click', () => {
  navigator.clipboard.writeText(output)
});
<button id="copy">Copy</button>
<hr/>
<textarea id="input">
< p>12334</p>
<p >fjfg< / p>
<p attr="a b c">fjfg< / p>
<p attr="a b c" >fjfg< / p>
</textarea>

<pre id=output></pre>
<hr/>
<button id="fix">Fix</button>

首先，我单击fix，将损坏的尖括号替换为正确的尖括号，然后单击复制后，我需要将生成的标签内容复制<pre>到剪贴板。如何实施？我试图做某事，但它不起作用。

javascript

1 个回答

  1. Best Answer
    • 行：output.innerText = text.replace(/<\s*(\/)?\s*([^>\s]+)\s*(\s[^>]*)?>/g, '<$1$2$3>');——放置的数据标签<pre>；
    • 然后你需要保存标签中的数据（可能你忘记了） <pre>；

    const inp = document.querySelector('#input');
const out = document.querySelector('#output');
const btn = document.querySelector('#fix');
const writeBtn = document.querySelector('#copy');
let pre_content = '';

btn.addEventListener('click', () => {
  const text = inp.value;
  output.innerText = text.replace(/<\s*(\/)?\s*([^>\s]+)\s*(\s[^>]*)?>/g, '<$1$2$3>');
  pre_content = output.textContent;
});
writeBtn.addEventListener('click', () => {
  navigator.clipboard.writeText(pre_content)
});
    <button id="copy">Copy</button>
<hr/>
<textarea id="input">
< p>12334</p>
<p >fjfg< / p>
<p attr="a b c">fjfg< / p>
<p attr="a b c" >fjfg< / p>
</textarea>

<pre id=output></pre>
<hr/>
<button id="fix">Fix</button>

    • 2

相关问题