提问者:小点点

点击复制段落内容“重复”


我试图复制段落内容时,我点击它,我写了这段代码,但它不能正常工作

代码如下:

$('p').click(function (e) {
    e.preventDefault();
    var $temp = $("<input>");
    $temp.val($(this).html()).select();
    document.execCommand("copy");
    $temp.remove();
});

共1个答案

匿名用户

在这里,这添加了一个click侦听器,并对P标记进行筛选。点击后,它将复制到剪贴板。

null

const copyElement = (e) => {
  let selection = window.getSelection();
  if (selection.rangeCount > 0) {
    selection.removeAllRanges();
  }
  
  let range = document.createRange();
  range.selectNode(e);
  selection.addRange(range);
  document.execCommand('copy');
};

document.addEventListener('click', (e) => {
  if(e.target.matches('p')) {
    copyElement(e.target);
  }
});
<p>Testing</p>
<div>No copy</div>
<p>Test2</p>