javascript插件

2 篇文章 0 订阅

1.validform表单校验插件

2.ztree插件

3.layer 一个让你想到即可做到的web弹窗/层解决方案

4.wangEditor 轻量级web富文本编辑器,配置方便,使用简单。

5.clipbord实现一键复制到剪切板

点击下载

 clipbord还是写两句吧, 英文官网, 不太好看.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <input id="content" value="啊哈哈哈"/>
        <button id="btn" data-clipboard-action="copy" data-clipboard-target="#content">复制到剪切板</button>
    </body>
    <script type="text/javascript" src="js/clipboard.min.js"></script> 
    <script type="text/javascript">
        //加载clipboadr.js
        //.btn 按class绑定功能按钮
         var clipboard = new Clipboard('#btn');
       //复制成功触发的事件
        clipboard.on('success', function(e) {
            // 取消选中状态
            e.clearSelection();
            alert('已成功复制!');
            //自定义事件区域
            console.log(e);
        });
        //复制失败触发的事件
        clipboard.on('error', function(e) {
        //自定义事件区域
            console.log(e);
        });
    </script>
</html>

注意:
button按钮的data-clipboard-target属性的值必须是要复制内容容器的id.
此处的input也可替换为textarea:

<textarea id="content">hello, ClipBoard JS !</textarea>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#content">复制到剪贴板</button>

其它详情参考:https://www.jianshu.com/p/3f8867de041e

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值