zclip复制内容到剪切板
2018-03-06 17:36
183 查看
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="resources/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="resources/js/jquery.zclip.min.js"></script>
<title>copy to clipboard test</title>
</head>
<body>
<input type="text" id="content" value="半似日兮半似月">
<input type="button" id="copy" value="复制内容">
<input type="text" id="result" value=""><br>
<input type="text" id="content2" value="曾被金龙咬一缺">
<input type="button" id="copy2" value="复制内容">
<input type="text" id="result2" value="">
</body>
<script type="text/javascript">
//该方法是通过点击要复制的文本,将文本复制到剪切板
$("#content").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $(this).val(); //这里可以自定义要复制的内容
// return "两只小蜜蜂~~"; //这里可以自定义要复制的内容
},
//按住鼠标时的操作
beforeCopy:function(){
$(this).css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
});
$("#content2").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $(this).val();
},
//按住鼠标时的操作
beforeCopy:function(){
$(this).css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
});
//该方法是通过点击按钮的方式,将要复制的文本复制到剪切板
$(function(){
$("#copy").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $("#content").val();
},
//按住鼠标时的操作
beforeCopy:function(){
$("#content").css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
})
$("#copy2").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $("#content2").val();
},
//按住鼠标时的操作
beforeCopy:function(){
$("#content2").css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
})
})
</script>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="resources/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="resources/js/jquery.zclip.min.js"></script>
<title>copy to clipboard test</title>
</head>
<body>
<input type="text" id="content" value="半似日兮半似月">
<input type="button" id="copy" value="复制内容">
<input type="text" id="result" value=""><br>
<input type="text" id="content2" value="曾被金龙咬一缺">
<input type="button" id="copy2" value="复制内容">
<input type="text" id="result2" value="">
</body>
<script type="text/javascript">
//该方法是通过点击要复制的文本,将文本复制到剪切板
$("#content").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $(this).val(); //这里可以自定义要复制的内容
// return "两只小蜜蜂~~"; //这里可以自定义要复制的内容
},
//按住鼠标时的操作
beforeCopy:function(){
$(this).css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
});
$("#content2").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $(this).val();
},
//按住鼠标时的操作
beforeCopy:function(){
$(this).css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
});
//该方法是通过点击按钮的方式,将要复制的文本复制到剪切板
$(function(){
$("#copy").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $("#content").val();
},
//按住鼠标时的操作
beforeCopy:function(){
$("#content").css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
})
$("#copy2").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $("#content2").val();
},
//按住鼠标时的操作
beforeCopy:function(){
$("#content2").css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
})
})
</script>
</html>
相关文章推荐
- zclip 复制内容到剪切板
- jQuery-zclip实现复制内容到剪切板
- jQuery-zclip实现复制内容到剪切板
- 通过zclip复制内容到剪切板
- JQuery复制内容到剪切板-jquery.zclip.js的使用,在公司项目中
- 利用jquery.zclip在浏览器里复制内容到剪切板
- jQuery-zclip实现复制内容到剪切板
- jquery zclip复制页面的链接或者文本内容
- Zclip:复制页面内容到剪贴板兼容各浏览器
- Android获取剪切板内容(仿有道复制查词功能)
- 点击按钮 复制文本 使用clipboard.js复制页面内容到剪切板
- jquery的zclip插件实现复制文本到剪切板
- vim编辑器 复制全部内容到剪切板
- JQuery zClip插件实现复制页面内容到剪贴板
- js复制内容到剪切板-ZeroClipboard
- jquery.zclip.js复制到剪切板
- jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
- iOS 将内容复制到剪切板
- 在多浏览器使用JS复制内容到剪切板,无需插件
- vim中把剪切板中的内容复制到正在编辑的文件中的快捷键