首页 > 其他分享 >jq 点击文本复制

jq 点击文本复制

时间:2022-10-18 15:12:04浏览次数:44  
标签:selection const 点击 jq range 文本 document

<a title="<?= $u['did']; ?>" id="article">
     <div class="td-text" id="copy-text"><?= $u['did']; ?></div>
</a>
 $(document).on('click', '#article', function() {
        const range = document.createRange();
        range.selectNode($(this)[0]);//点击选择的文本
        const selection = window.getSelection();
        if (selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
    });

标签:selection,const,点击,jq,range,文本,document
From: https://www.cnblogs.com/czjjy/p/16802615.html

相关文章

  • 中文文本分类实例
    中文文本分类【参考https://github.com/lijqhs/text-classification-cn】文本分类(TextClassification)是自然语言处理中的一个重要应用技术,根据文档的内容或主题,自动识别......
  • 直播电商平台开发,点击让窗口抖动动画效果
    直播电商平台开发,点击让窗口抖动动画效果css代码 .shake{   animation:shake800msease-in-out; }@keyframesshake{  10%,90%{transform:translate......
  • 10. CSS文本格式化
    1.前言通过CSS中的文本属性您可以像操作Word文档那样定义网页中文本的字符间距、对齐方式、缩进等等,CSS中常用的文本属性如下所示:text-align:设置文本的水平对齐方......
  • vue点击按钮回到顶部实现
      效果图iconfont哪些图标自己加,这个是要滚动到下面才出现箭头的,最好高度超过  100vh       全部代码<template><divclass="go-to-top">......
  • 实战 | OpenCV实现扫描文本矫正应用与实现详解(附源码)
    导读本文主要介绍使用OpenCV对扫描文本矫正的应用实例及详细实现步骤。背景介绍在使用打印机或扫描仪扫描文档时,由于摆放位置差异难免造成扫描文档的倾斜。本文将使用Open......
  • 使用jquery实时检测input输入框的变化
    非常简单直接代码(function($){$.fn.watch=function(callback){returnthis.each(function(){//缓存以前的值$.data(this,'ori......
  • tinymce富文本编辑器的简单使用及OSS直传
    1.安装tinymce依赖我的是vue2项目,指定版本"@tinymce/tinymce-vue":"^2.0.0","tinymce":"^5.0.3",npminstall@tinymce/[email protected]......
  • 基于JQuery和思知对话机器人提供的API实现一个简单的对话聊天界面
    思知文档:https://www.ownthink.com/docs/bot/因为设计简单就直接上代码了,效果图在最后!1)界面实现html中body代码<body><divid="box"><!--顶部--><d......
  • jquery.validate 验证弹窗显示
    @{Layout=null;}<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>ChangePwd</title><metacontent="width=device-width,......
  • 音频转文本
    1.背景最近被朋友推荐播客,只有音频,没有文本,不太适应篇幅长,耗时高不同嘉宾声音截然不同因此想将音频转换为文本,快速阅读。2.体验2.1准备电脑上下载了音乐林俊杰......