当前位置: 首页 > 知识库问答 >
问题:

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

殳毅
2023-03-14

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

代码如下:

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

共有1个答案

范金鑫
2023-03-14

在这里,这添加了一个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>
 类似资料:
  • 数据表格的表头菜单字段里,勾选“字段内容不允许重复”后,将会对本图层该属性字段值进行去重比较,如果新填写的内容有和之前填写内容重复的,将不能保存

  • 本文向大家介绍原生js实现点击按钮复制内容到剪切板,包括了原生js实现点击按钮复制内容到剪切板的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js点击按钮复制内容到剪切板的具体代码,供大家参考,具体内容如下 效果图 上代码 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 我正在寻找解决这个问题的方法,已经快三天了。我有一个带有占位符的Word文档。对于如何解析word文档模板并用内容替换占位符,我们有自己的实现。但我遇到了一个问题,段落列表并没有包含word文档中的所有内容。我得到了OpenXmlPartRootElement的所有段落类型的后代。 然后我检查特定的占位符。 文档中有3个相同的占位符,但此语句只找到其中两个。这会破坏所有文档,因此会对其进行半解析。

  • 我试图在Tripadvisor中收集多家酒店的评论,我能够收集150个观察数据,其中包括来自30家酒店的150个评论数据。 但是,当我尝试添加hotel_name的新列并执行爬网时,hotel name不会再次出现,观察次数会减少到hotel的数量,即30。如何将酒店名称复制到每个审阅行? 这是我正在使用的代码:

  • 我在我的页面上有一组选项卡,当点击时,将活动选项卡切换到点击选项卡的值。这工作得很顺利,但是当我看到新的活动标签周围有一个蓝色的大焦点框时,我嘴里留下了一股酸味。有没有一种React-y方法来防止这种情况? 带有preventDefault()的onMouseDown={this.someMethod}是否可以工作?

  • 我试图点击一个下载链接在铬通过硒。它在页面中有许多其他链接,这些链接正在工作,但仅此下载链接就会导致超时异常。 页面中的锚定标记如下所示 如有任何建议,将不胜感激。