zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery使用jquery.zclip插件复制对象的实例教程

jQuery对象插件 使用 复制 实例教程
2023-06-13 09:15:13 时间

复制代码代码如下:


<scripttype="text/javascript"src="js/jquery.js"></script>
<scripttype="text/javascript"src="js/jquery.zclip.min.js"></script>

复制代码代码如下:


$(function(){
   $("#copy_input").zclip({
       path:"js/ZeroClipboard.swf",
       copy:function(){//复制内容
           return$("#mytext").val();
       },
       afterCopy:function(){//复制成功
           $("<spanid="msg"/>").insertAfter($("#copy_input")).text("复制成功");
       }
   });
});

值得注意的是如果是复制的内容来自输入框input、textarea等,copy对象使用:

复制代码代码如下:
copy:function(){
   return$("#mytext").val();
}

如果是复制的内容来自页面元素div、p之类的,copy对象使用:

复制代码代码如下:
copy:$("#mytext").text();