首页 > 代码库 > 兼容各浏览器 复制内容到剪贴板
兼容各浏览器 复制内容到剪贴板
<script type="text/javascript" src="../Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="../js/ZeroClipboard/ZeroClipboard.js"></script> <script type="text/javascript"> $(function () { function setClipboardText(clickBtnId, setTxtFn, completeMsg) { //如果页面文件与js文件不在同一目录下 ZeroClipboard.setMoviePath("../js/ZeroClipboard/ZeroClipboard.swf"); var clip = new ZeroClipboard.Client(); //创建新的Zero Clipboard对象 clip.setText(‘‘);//清空剪贴板 clip.setHandCursor(true); //设置鼠标移到复制控件时的形状 clip.setCSSEffects(true); //启用css //---------------------------------------------------------- clip.addEventListener(‘mouseDown‘, function () {//鼠标按下讲 if (setTxtFn) { setTxtFn(); } }); //--------------------------------------------------------- clip.addEventListener(‘complete‘, function () { //复制完成后的监听事件 if (completeMsg && clip.clipText) { alert(completeMsg);//复制成功弹出的信息 } }); clip.glue(clickBtnId); return clip; } //----------------------------------------------------------------- (function () { var oClip = null;//加载完成才执行 var setTxtFun = function () { $.post("../Handler/CopyHandler.ashx", {}, function (data) { if (data != "" && oClip) { oClip.setText(data);//设置剪贴板内容 } }); } oClip = setClipboardText(‘btnCopy‘, setTxtFun, ‘已成功复制到你的剪贴板‘); })(); }) </script></head><body> <form id="form1" runat="server"> <div> <input type="text" id="txt1" value="" /> <input type="button" id="btnCopy" value="Copy" /> </div> </form></body></html>
兼容各浏览器 复制内容到剪贴板
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。