设为首页收藏本站

蜘蛛侠工作室_专注织梦技术教程

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本站虽然内容不多,但是所有技术文章,都是站长亲写,文章真实可靠,全部原创!另外,本站所有织梦源码,都提供技术支持保障!
搜索
热搜: 活动 交友 discuz
查看: 708|回复: 0

javascrip文本复制按纽

[复制链接]

248

主题

250

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
11407
发表于 2017-3-2 22:53:41 | 显示全部楼层 |阅读模式
在html中采用javascrip实现,点击按纽即可以复制相应的文字。
方法如下:
一、代码实例
<input type="hidden" name="cardid" id="cardid" value='{$wkurl}' readonly="readonly" />
<button id="copycardid">复制网址</button>
<script type="text/javascript" src="/templets/zhizhux/style/js/jquery.min0.js"></script>
<script type="text/javascript" src="/templets/zhizhux/style/js/ZeroClipboard.js"></script>
<script type="text/javascript">
$(function(){
        init();
});
function init() {
        var clip = new ZeroClipboard.Client(); // 新建一个对象
        clip.setHandCursor( true );
        clip.setText($('#cardid').val()); // 设置要复制的文本。
        clip.addEventListener( "mouseUp", function(client) {
                alert("复制成功!");
        });
        // 注册一个 button,参数为 id。点击这个 button 就会复制。
        //这个 button 不一定要求是一个 input 按钮,也可以是其他 DOM 元素。
        clip.glue("copycardid"); // 和上一句位置不可调换
}
</script>

二、解读使用方法
{$wkurl}为复制的内容,其它的代码都不用改。
三、相关文件
1、jquery.min0.js
2、ZeroClipboard.js及相关的一个swf文件
在附件中可以下载

js.rar

27.78 KB, 下载次数: 0, 下载积分: 经验 1

售价: 30 金币  [记录]  [购买]

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|蜘蛛侠工作室 ( 鄂ICP备15014654号-1  

GMT+8, 2020-1-19 01:16 , Processed in 0.113950 second(s), 33 queries .

掳膰膶篓脣暖臉么艁艧 脰艩脰毛膸艛拧陇脳梅臉艊

© 2015-2020

快速回复 返回顶部 返回列表