兼容各浏览器 复制内容到剪贴板
<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>
生活没有输赢,不要在乎别人如何评价你,开心就好。
QQ群:158138959
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步