<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>点击复制功能</title>

</head>

<script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>

    <style>

        .popup__bottom__text{

            margin-bottom: 10px;

        }

    </style>

<body>

    <div class="popup__bottom__text">

        <a  id="text_1" style="font-size:12px; color:#0066cc;" href="/ueditor/php/upload/file/20181016/1539677909627575.png" title="1539677909627575.png">bbbb.png</a>

        <a href="javascript:(0)" onclick="tapCopy('text_1')">点我复制</a>

    </div>

    <div class="popup__bottom__text">

        <a  id="text_2" style="font-size:12px; color:#0066cc;" href="/ueditor/php/upload/file/20181016/1539677909627575.png" title="1539677909627575.png">aaaa.png</a>

        <a href="javascript:(0)" onclick="tapCopy('text_2')">点我复制</a>

    </div>

</body>

</html>

<script>

    //复制文本

    function tapCopy($id) {
　　　　　//var $id = $(dom).prev().attr('data_id');

        selectText($id);

        document.execCommand('copy');

        alert('复制成功');

    }

    //选中文本

    function selectText(element) {

        var text = document.getElementById(element);

        //做下兼容

        if (document.body.createTextRange) {  //如果支持

            var range = document.body.createTextRange(); //获取range

            range.moveToElementText(text); //光标移上去

            range.select();  //选择

        } else if (window.getSelection) {

            var selection = window.getSelection(); //获取selection

            var range = document.createRange(); //创建range

            range.selectNodeContents(text);  //选择节点内容

            selection.removeAllRanges(); //移除所有range

            selection.addRange(range);  //添加range

            /*if(selection.setBaseAndExtent){

             selection.setBaseAndExtent(text, 0, text, 1);

             }*/

        } else {

            alert("复制失败");

        }

    }

</script>

jq 点击复制div里面的内容 如果粘贴到富文本中，会将样式，里面所有的标签，文字一并粘贴进去的更多相关文章

  1. 如何将word内容粘贴到富文本编辑器里面

    Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧?Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无法 ...

  2. Android检测富文本中的<img标签并实现点击效果

    本文旨在:通过点击一张图片Toast输出位置与url链接. 闲话少说,实现原理大概是酱紫的::通过正则表达式检测富文本内的图片集合并获取url,在src=“xxx” 后面添加 onclick方法,至于 ...

  3. 在循环列表的富文本里摘出每个item的img标签内容（适合vue渲染）

    昨天在做公司项目的社区动态内容.后台接口返回的数据是数组套对象,对象里有富文本,然后需要摘出富文本里的img标签在列表里分开渲染(即图片九宫格样式).最终效果如图: 这个是后盾接口返回的json数据 ...

  4. Jquery 实现table标题点击复制整列td内容到剪贴板

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. 复制表结构和内容到另一张表中的SQL语句

    1.复制表结构及数据到新表 CREATE TABLE 新表 SELECT * FROM 旧表 2.只复制表结构到新表 CREATE TABLE 新表 SELECT * FROM 旧表 WHERE 1= ...

  6. 将vs屏幕上内容重定向到一个log文本中

    在需要打印的屏幕内容前面加上一句话: freopen("debug.txt","w",stdout); 结束部分关掉他: fclose(stdout); 参考 ...

  7. js对内容进行编码（富文本编辑器使用居多）

    escape(string)函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 使用unescape(string) 对 escape() 编码的字符串进行解码.

  8. H5页面设计器，仿有赞商城页面在线设计器，比富文本框更友好的内容编辑器

    基本上每个web应用,都会牵扯到内容编辑,尤其是移动的web应用,微信开发之类的.页面内容自定义是最常用的功能了,之前大部分解决方案都是采用富文本框编辑器kindeditor,ueditor,cked ...

  9. vue中点击复制粘贴功能

    1.下载clipboard.js cnpm install clipboard --save 2.引入,可以在mian.js中全局引入也可以在单个vue中引入 import Clipboard fro ...

随机推荐

  1. WebApi-1 与MVC路由机制比较

    在MVC里面,默认路由机制是通过url路径去匹配对应的action方法 public class RouteConfig { public static void RegisterRoutes(Rou ...

  2. Go语言--基础语法笔记

    ### 换了工作,好久没有添加新文章了,本来是想更新到github上的,想想还是在博客里放着,感觉以前的文章都没有很仔细,都只是问题处理的记录, 以后想新加一些整理的笔记也好 ### 主要内容 2.1 ...

  3. [JavaScript]ECMA-6 箭头函数

    概述 箭头函数的作用是为Js提供一种函数的简写方法,箭头函数作用域内不包含this, arguments, super, or new.target,并且不能用于对象的构造函数: 基本语法 [(][p ...

  4. C++入门篇九

    explicit关键字:防止构造函数隐式类型转换 #include <iostream> #include "pch.h" using namespace std; c ...

  5. Groovy Closure简介

    什么是闭包(Closure) 在Groovy中,闭包是一段匿名的代码段,它可以有参数,返回值,并且能够赋值给一个变量.闭包中使用的变量可以是在闭包外部定义的,也可以是在闭包内部定义的.

  6. nginx rewrite规则笔记

    优先级 在nginx的location和配置中location的顺序没有太大关系.正location表达式的类型有关.相同类型的表达式,字符串长的会优先匹配. 第一优先级:等号类型(=)的优先级最高. ...

  7. angular2 图片赋值的时候前面自动加 unsafe:xxx 导致图片信息不显示问题

    需要创建一个pipe 代码如下 import { Pipe, PipeTransform } from '@angular/core'; import {DomSanitizer} from '@an ...

  8. 【webpack系列】从零搭建 webpack4+react 脚手架（一）

    搭建一个React工程的方式有很多,官方也有自己的脚手架,如果你和我一样,喜欢刨根究底,从零开始自己一行一行代码创建一个React脚手架项目,那你就来对地方了.本教程是针对React新手,以及对web ...

  9. Future模式衍生出来的更高级的应用

    再上一个场景:我们自己写一个简单的数据库连接池,能够复用数据库连接,并且能在高并发情况下正常工作. 实现代码1: package test; import java.util.concurrent.C ...

  10. Archiver 3 for Mac(解压缩工具) ，想压缩解压慢一点就这么难！

    Archiver 3 for Mac是一款分割合并解压缩工具,简单实用且功能齐全,你只需简单的拖放文件就可以进行压缩,还可以设定解压密码,从而保护自己的隐私.如果文件很大你还可以切割文件.Archiv ...