Question

我试图在单击时复制段落内容，我写了这段代码，但是不能正常工作

此处是代码：

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

Answer 1

在这里，这将添加一个点击侦听器并过滤P标签。单击后将复制到剪贴板。

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>

单击以复制段落内容

1 个答案: