首页 > 编程语言 >javascript 操作剪切板

javascript 操作剪切板

时间:2023-01-08 18:01:13浏览次数:40  
标签:function javascript alert clipboard 剪切板 操作 20px

此库优点:支持电脑和手机端浏览器

第一步: 声明一个对象

$(function () {
            var clipboard = new ClipboardJS(document.getElementById("btnCopyFileShareLink"));
            clipboard.on('success', function (e) {
                alert("复制成功!");
            });

            clipboard.on('error', function (e) {
                alert("复制失败!");
            });
        });

第二步:定义各种操作方式:

<a id="btnCopyFileShareLink" href="javascript:void(0);"
                    data-clipboard-action="copy" data-clipboard-target='<%=("#" + txtShareLink.ClientID) %>'
                    style="margin-top:20px;margin-bottom:20px;clear:both;">
                    <input type="button" value="复制链接" />
                </a>
                <asp:TextBox ID="txtShareLink" runat="server" TextMode="MultiLine" Rows="5" 
                    Width="100%"></asp:TextBox>

其它参考 https://clipboardjs.com/#example-text

标签:function,javascript,alert,clipboard,剪切板,操作,20px
From: https://www.cnblogs.com/nanfei/p/17034997.html

相关文章

  • sqlops新增pt-osc功能,研发可以在网页里执行大表Alter更改表结构操作。
    sqlops新增pt-osc功能,触发条件:1)当行记录小于150万行,研发可以直接在网页里执行Altertable操作。2)当行记录大于150万行并且小于3000行,平台将调用pt-online-schema-change开源......
  • 【markdown】各种markdown的骚操作
    给图片居中、加题注代码:<center><imgstyle="border-radius:0.3125em;box-shadow:02px4px0rgba(34,36,38,.12),02px10px0rgba(34,36,38,.08);"......
  • JavaScript-删除节点,克隆节点,注册事件,删除事件
    JavaScript-删除节点,克隆节点,注册事件,删除事件目录JavaScript-删除节点,克隆节点,注册事件,删除事件5.节点操作5.5删除节点5.6复制节点(克隆节点)5.8三种动态创建元素......
  • JavaScript笔记
    变量作用域:1、全局变量:在全局作用域下声明的变量​ 在函数内部没有声明直接赋值的变量也是属于全局变量全局变量:只有浏览器关闭的时候才会销毁,比较占内存资源局部......
  • 提升你的技能:编写干净高效的 JavaScript 的 7 个技巧
    编写干净的代码对每个开发人员来说都是必不可少的,因为它使代码易于阅读、理解和维护。干净的代码使团队中每个人的生活更轻松,您的代码更不容易出错,并且更容易添加新功能。......
  • Ansible 介绍与实战操作演示
    目录一、概述二、Ansible架构三、Ansible工作原理四、Ansible安装与基础配置1)开启记录日志2)去掉第一次连接sshask确认五、Ansible的七个命令1)ansible2)ansible-doc3)ans......
  • anaconda基本操作及一些问题的解决记录
    anaconda虚拟环境查看安装了哪些包condalist查看当前存在哪些虚拟环境condaenvlistcondainfo-e检查更新当前condacondaupdatecondaPython创建虚......
  • MySQL18 - 基础操作进阶
    INSERT插入多条记录INSERTINTOt_user (id,name,birth,create_time)VALUES (3,'hehe','1990-01-01',NOW()), (4,'haha','1990-01-01',NOW()), (5,'@@',......
  • Gvim基础操作(正则表达式)-02
    Gvim正则表达式正则表达式在linux中使用非常广泛。主要是进行一些替换,在编写脚本的时候都会使用到。gvim、perl、sed、tcl中都会使用到。Gvim正则表达式的使用搜索命令......
  • 使用 JavaScript 创建一个兔年春节倒数计时器
    我们可以通过多种方式构建JavaScript倒数计时,我在本教程中展示的这个​​兔年春节倒数计时器​​是由HTMLCSS和JavaScript创建的。它的工作方式非常简单,需要两种类......