原生JS实现登录后复制文字

谁践踏了优雅 2022-12-29 06:38 248阅读 0赞

在这里插入图片描述
在这里插入图片描述

  1. <html>
  3. <head>
  4.   <title>Get selected text with JavaScript</title>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.2.1/jquery.min.js"></script>
  9. </head>
  11. <body>
  12.   <div id="contenttext">
  13.     “自古逢秋悲寂寥，我言秋日胜春朝。晴空一鹤排云上，便引诗情到碧霄。”刘禹锡的这首逢秋但不悲秋，积极乐观，豪情满怀的七言绝句，在我国历代诗歌中并不多见，与之相反，悲秋的诗词却多有所见。秋天是一个万物凋零、阴晦沉闷的时节，大地失去了生机活力，一切似乎变得迟滞与懒散。所谓心由景生，万物之灵的人也不例外。是的，古往今来，逢秋悲秋成了许多文人墨客笔下的丝丝伤感，把人生的经历、感触和失意寄托给秋日黄昏、落叶飘零，聊以自慰，泄荣辱得失、抒喜怒哀乐。带着将近一年的得失和思考，我走进了小区后的山林，独自寻觅晚秋的气息、踏寻银杏的金黄、追逐秋日的阳光，把不惑之年的所有情感带向心中的远方。山林里，粗壮的银杏树高大挺拔，树枝交错延伸，树皮褶皱脱裂。仰望上去，银杏树叶随风飘落，就像是天女散花，纷纷下落，石缝中、草丛中、野花上，片片金黄俯首皆是。天然的点缀形成自然之趣，浅一层、深一层，整个地面上俨然铺上了一层闪亮的金子。午后阳光正好，透过树林，斜照下来，更是金光闪闪，耀眼提神。俯身下去，满怀心事拾起这新鲜的黄叶，闻一闻、嗅一嗅，用手指轻轻弹一弹，淡淡的香味沁人心脾，精神亦为之一振，顿感凡俗尽消，暂忘营营，一切的不适不快瞬息顿感烟消云散。双脚轻轻踩上去，一前一后，一滑一滑的，沙沙的声音，像幽谷飘荡过来的天籁。接近密林深处，欣然发现一偌大青石盘，石盘中间有人工凿出的一个圆形磨盘，一潭清澈的凉水赫然呈现在眼前，狂喜之情溢于言表。基于天性和率真，我快速捡来一些黄叶，围绕水潭，一圈又一圈地挨个铺上。此情此景，就像一串串金色的项链戴在一个风韵之女的玉脖上，如此的楚楚动人，娇艳妩媚。
  14.   </div>
  15.   <textarea id="text" style="position: fixed;top: 10000px;left: 10000px;opacity: 0;"></textarea>
  16.   <button onclick="copy();" id="CopyBtn">一键复制</button>
  17.   <button onclick="login();">登录</button>
  18.   <button onclick="logout();" id="Btn">退出登录</button>
  20.   <script> window.onload = function () { var islogin = localStorage.getItem('islogin') if (islogin) { copy() } else { noCopy() } } function noCopy() { $(document).ready(function () { $("#contenttext").mouseup(function (e) { var txt = window.getSelection(); if (txt.toString().length > 1) { alert('登录后复制') return } }); }); } function copy() { if(!localStorage.getItem('islogin')) { alert('登录后使用') } var content = document.getElementById("contenttext").innerText; var text = document.getElementById("text"); var CopyBtn = document.getElementById("CopyBtn"); CopyBtn.onclick = function () { // 将需要复制的内容赋值给文本框 text.value = content; // 选中文本框的内容 text.select(); // 对选中的内容进行复制 document.execCommand("copy"); alert('复制成功') } } function login() { islogin = localStorage.setItem('islogin', true) location.reload() } function logout() { localStorage.removeItem('islogin') location.reload() } </script>
  21. </body>
  23. </html>

比较简单，就是突然之间想到了，就实现一下，顺带记录一下，说不定以后用得到呢
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读