首页 建站教程 WEB前端 正文

Js简单实现复制指定内容到粘贴板

在做前端页面时,难免会碰到这样的需求,通过点击按钮接把指定内容复制到粘贴板里,实现方法很多,这里介绍一种比较便捷的方法,此方法不依赖jquery框架,实现简单粗暴希望对大家有所帮助...

通过以下代码,点击按钮可直接把input或者textarea里的值复制到粘贴板里,此方法不依赖Jquery框架,实现简单粗暴希望对大家有所帮助。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>优美主题设计</title>
    </head>
        <textarea id="text">这里是需要被复制的内容</textarea>
        <input type="button" onclick="copyText()" value="点击复制"></input>
        <script type="text/javascript">
        function copyText(){
        var e = document.getElementById("text");
            e.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            alert("内容复制成功!");
        }
        </script>
    </body>
</html>
打赏
海报

声明:本站部分资源内容为站内原创著作,也有部分基于互联网公开分享整理,版权归原作者所有。
如侵犯到您的权益,请联系本站,我们会尽快处理,谢谢。转摘请注明出处

本文链接:https://www.umtheme.com/web/182.html

相关推荐

js判断两个input输入框必须任填一个

在表单提交中,有时需要判断两种类型必填其一,如何判断两个input只能填写一个,如果填两个或两个都不填都出现alert验证提示。实现代码如下:<!DOCTYPE html>&...
WEB前端 2021.11.08 0 272
纯css实现列表自动添加序号

纯css实现列表自动添加序号

我们写样式代码时偶尔会用到数字排行榜的设计,按序号罗列排名,例如:优美mipCms主题中的热门/热评排行:如果用li元素配合list-s...
WEB前端 2021.07.18 0 1306
发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi
感谢您的支持