JS复制自定义内容到粘贴板

前提:开发过程碰到需要点击一个按钮复制当前模块的链接地址

思路:给当前模块附上链接,然后点击复制

function copyValue(val){
            //如果这里换为 input 则不支持换行
            var temp = document.createElement(‘textarea‘);
            temp.value = val;
            document.body.appendChild(temp);
            temp.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            temp.style.display=‘none‘;
            alert("复制图片链接成功!");
        }

        $(‘.copyLink‘).click(function() {
            copyValue($(this).attr(‘linkUrl‘));
        });

感谢:https://www.cnblogs.com/yuxiaole/p/9301076.html

原文地址:https://www.cnblogs.com/dzw159/p/11419296.html

时间: 2024-10-09 21:31:43

JS复制自定义内容到粘贴板的相关文章

js实现复制内容到粘贴板

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>js复制内容到粘贴板</title> 6 <style> 7 .flex-r { 8 display: flex; 9 flex-direction: row; 10 align-content: center; 11 justify-content: spac

tmux复制到windows剪贴板/粘贴板的坑

以下所有操作都是在windows下面用putty连接linux centos6的情景下. 一直很纳闷为什么在tmux模式下不能把复制到的文字放到系统的粘贴板里面呢?通过层层阻碍,终于找到了原因. 去掉 ~/.tmux.conf中 #设置鼠标可用#setw -g mode-mouse on 如果你在最开始的时候学别人的配置,加上了这个选项,那么你就会发现在tmux下不能复制文字,去掉就可以了. 现在就可以直接选中要复制的文字,然后右键粘贴. copy-mode模式下复制粘贴: bind-key [

clipboard.min.js 复制表格内容

<script type="text/javascript" src="js/clipboard.min.js"></script> <button id="btn_copy" data-clipboard-action="copy" data-clipboard-target=".tableList">复制表格内容</button> <!-- <

js复制内容到粘贴板

⒈引入第三方js:   clipboard <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script> <!-- 方式一 --> <input id="inpu" value="https://github.com/zenorocha/clipboard.js.git"

使用clipboard.js复制页面内容到剪切板

最近在做一个的智能客服Web端浏览器应用,其中有一项需求是客户在获取系统返回的 答案后点击“复制答案”按钮将答案复制到系统剪切板.本以为这是一个小case,但是发现如果 要对各种主流浏览器都有良好的兼容性并不简单.原因在于出于安全原因,大多数现代浏览 器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用). 上网搜索了一下,现有的方案大致有两种: 一:使用原生javascript中window.clipboardData实现复制到剪贴板功能: 二:使用Zero Clipboard库: 在尝试了

js 实现复制到粘贴板功能

前言:js 或者 jquery 都可以实现的复制到粘贴板功能,有时还想要有换行等格式(同 textarea) demo <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

IOS 访问系统粘贴板

粘贴板提供了一种核心OS特性,用于跨应用程序共享数据.用户可以跨应用来复制粘贴,也可以设置只在本应用中复制粘贴用来保护隐私. UIPasteboard类允许访问共享的设备粘贴板以及内容,下面代码返回一般的系统粘贴板,它适合大多数一般的复制粘贴应用. UIPasteboard *pd = [UIPasteboard generalPasteboard]; 使用pasteboardWithUniqueName创建特定于应用程序的粘贴板,只有知道并且使用粘贴板名称键的应用程序能能够使用相同的粘贴板.

js实现复制到粘贴板,兼容各浏览器

网上搜js实现复制粘贴的文章一大堆,但是没几个能用的.有的文章说Clipboard Copy解决,利用一个clipboard.swf作为桥梁,复制内容到剪贴板. 听说的是兼容IE.Firefox.Opera.chrome. Safari,但是必须浏览器支持Flash,考虑到Flash支持不是100%,所以我摒弃了这个方案. 说说我的实现,灵感来自优酷分享的复制,在此之上加以修改的.经测试,支持IE.Firefox.Opera.chrome.搜狗浏览器.360等主流浏览器,Safari是本身不支持

【JS】【7】获取粘贴板的内容

前言:有时会有要获取剪切板内容的情况,我最开始有这个需求,不过后面放弃了,因为有兼容性的问题,在IE可行,在chrome和firefox不行.查到这篇博客做了兼容处理,就写在这里记录一下. 正文: //绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy和past事件. $(document.body).bind({ copy: function(e) {//copy事件 var cpTxt = "复制的数据"; var clipboardData = win