clipboard.js在剪切中的使用

2021-07-14 20:05

阅读:527

标签:ges   action   javascrip   实例化   代码   func   状态   cli   val   

目前只是对文字的复制。

下面的代码解释:

1.html

需要添加data-clipboard="copy"和data-clipboard-target="对象选择器"的属性。

其中data-clipboard-target表示复制的目标,用选择的形式表示,包括类选择器,id选择器,元素选择器等。 

123456789

农村淘宝商家合作群:

12345678900

  

2.javascript

a.需要引入clipboard.js,代码路径视自己的项目而定。

b.实例化Clipboard,需要传入按钮的选择器,即通过什么动作实现剪切。

c.可以注册剪切成功和失败的事件,形式为clipboard.on("success 或者error",function(e) {});

 

 

3.测试

剪切成功,被复制的文本状态如下图所示。

技术分享

clipboard.js在剪切中的使用

标签:ges   action   javascrip   实例化   代码   func   状态   cli   val   

原文地址:http://www.cnblogs.com/xiaoai123/p/7074390.html


评论


亲,登录后才可以留言!