分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js复制文字

发布时间:2023-09-06 02:34责任编辑:苏小强关键词:js

一、原理分析

浏览器提供了 copy 命令 ,可以复制选中的内容

document.execCommand("copy")

如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用  copy 命令,将文本复制到剪切板

但是 select() 方法只对 <input> 和 <textarea> 两个输入框有效,所以要设置一个用这两个标签的缓存区域

//要拿到的文字
<button ‘data-text‘=‘待复制文字‘ onclick=‘copy(this)‘>

//html部分,缓存拿到的值,透明为0才行,隐藏是不行的
<textarea style="opacity: 0;" id="txt"></textarea>

//js方法function copy(obj){ ???var content = ?$(obj).attr(‘data-text‘); ???$("#txt").val(content); ???var txt=document.getElementById("txt"); ???txt.select(); // 选择对象 ???document.execCommand("Copy"); // 执行浏览器复制命令 ???layer.msg(‘已复制,可粘贴‘);}

js复制文字

原文地址:https://www.cnblogs.com/wenhainan/p/10456075.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved