手机端 | 加入收藏 | 设为首页 | 会员中心 | 我要投稿 | RSS
您当前的位置：首页 > 下载中心 > 代码特效
1861资源网 免费发布信息
软件名称： 通过JQUERY可以实现点击后自动复制内容
文件类型：
界面语言： 简体中文
软件类型： 国产软件
运行环境：
授权方式： 共享软件
软件大小：
软件等级：
软件登陆： zywlyy
作 者 ：
官方网址： 官方站
程序演示： 演示
整理时间： 2024-11-18
软件简介：

在学习网站制作课程时，有同学咨询如何实现点击网页上的按钮，可以复制指定的内容。这是一种jquery点击按钮复制内容功能，通过JQUERY可以实现点击后自动复制内容。效果如下图：

通过JQUERY可以实现点击后自动复制内容

下面是jquery点击按钮复制内容代码，它是兼容PC端和手机端的。示例代码如下：


 
  • <!DOCTYPE html>    
    <html lang="en">    
    <head>    
        <meta charset="UTF-8">    
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>  
        <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>  

        <title>复制按钮</title>    
    </head>    
    <body>    
    微信号：<span id="target">xyz2018</span>
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">    
        点击复制    
    </button>      
    </body>    
    <script>    
        $(document).ready(function(){      
            var clipboard = new Clipboard('#copy_btn');    
            clipboard.on('success', function(e) {    
                alert("微信号复制成功",1500);
                e.clearSelection();    
                console.log(e.clearSelection);    
            });    
        });    
    </script>    
    </html>
下载地址：
下载帮助： 发表评论 加入收藏夹 错误报告
相关软件： 无相关信息
下载说明： ⊙推荐使用网际快车下载本站软件，使用 WinRAR v3.10 以上版本解压本站软件。
⊙如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
⊙下载本站资源，如果服务器暂不能下载请过一段时间重试！
⊙如果遇到什么问题，请到本站去咨寻，我们将在那里提供更多 、更好的资源！
⊙本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。
免责说明：

免责声明
免责声明：以上所展示的信息由会员自行提供，内容的真实性、准确性和合法性由发布会员负责，www.zywlyy.cn 对此不承担任何责任。如有侵犯您的权益，请来信通知删除。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐下载
最后更新
热门点击
站内搜索： 高级搜索
网站首页 | 关于我们 | 免责声明 | WAP | 手机站
zywlyy.cn www.zywlyy.cn 7.5  © 2012
返回顶部