js将文本复制(写入)剪贴板的两种常用方法

这篇具有很好参考价值的文章主要介绍了js将文本复制(写入)剪贴板的两种常用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


1.navigator对象

首先引入navigator.clipboard

const clipboard = navigator.clipboard;

写入:

navigator.clipboard.writeText("文本数据")

读取:(读取权限需要用户同意)

clipPromise.then(function(text){
            alert(text); 
        });

如果想要换行可以使用ASCLL码代替/n

strData+";"+String.fromCharCode(10)+data[i]

2.第三方库 clipboard.js

将第三方库引入页面

<script src="dist/clipboard.min.js"></script>

初始化

new ClipboardJS('.btn');

使用:

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

clipboard.js更多使用方法可以看这个https://clipboardjs.bootcss.com/文章来源地址https://www.toymoban.com/news/detail-563183.html

到了这里,关于js将文本复制(写入)剪贴板的两种常用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Qt 6】读写剪贴板

    剪贴板是个啥就不用多介绍了,最直观的功能是实现应用程序之间数据共享。就是咱们常说的“复制”、“粘贴”功能。 在 Qt 中,QClipboard 类提供了相关 API 让应用程序具备读/写剪贴板的能力。数据通过 QMimeData 类包装。该类使用 MIME 类型来标识数据。比如,要包装的数据是

    2024年02月04日
    浏览(35)
  • Ubuntu20.04-剪贴板

    针对图形界面用户 简单轻量级剪贴板管理器 更强大的剪贴板管理器,包含历史记录和同步功能

    2024年01月16日
    浏览(46)
  • Vue中如何进行剪贴板操作?

    在Web应用程序中,剪贴板(Clipboard)操作是非常常见的操作之一。Vue.js是一款流行的JavaScript框架,它提供了一些有用的工具来处理DOM元素和用户界面。本文将介绍如何在Vue.js中使用剪贴板操作。 要在Vue中使用剪贴板操作,我们需要使用浏览器原生API,即Clipboard API。这个API提

    2024年02月09日
    浏览(41)
  • Android Studio 是如何和我们的手机共享剪贴板的

    近期完成了target33的项目适配升级,随着AGP和gradle的版本升级,万年老版本Android Studio(后文简称AS)也顺便升级到了最新版Android Studio Giraffe | 2022.3.1,除了新UI外,最让我好奇的是这次的Running Devices功能(官方也称为Device mirroring)可以控制真机了. 按照操作提示完成开启后就能在AS看到看

    2024年02月07日
    浏览(36)
  • 如何在本地组策略编辑器中启用或禁用剪贴板历史记录

    复制粘贴是我们大家都会做的事情,可能一天要做多次。但是,如果你需要一次又一次地复制同样的几件事,你该怎么办?如何在设备上复制内容? 从Windows 10版本17666开始,微软正在解决这一问题,并将剪贴板提升到一个新的水平,只需按下Win+V,你将获得全新的剪贴板体验

    2024年02月13日
    浏览(53)
  • 2023-08-07 vmvare安装ubuntu18.04 ,安装VMware Tools后剪贴板无法共享问题

    一、安装VMware Tools死活不行,不能跟主机共享粘贴板,解决方法 二、实际操作,可以跟windows主机互相复制粘贴,非常莫名其妙。   三、参考文章 vmvare安装ubuntu后剪贴板无法共享问题_vmware 共享剪贴板_不许歪叽的博客-CSDN博客

    2024年02月13日
    浏览(49)
  • SAP ABAP Microsoft Excel 在剪贴板上有大量信息。是否保留其内容,以便此后粘贴到其他程序中?

    引言: 在 SAP 批导/上载 Excel 文件时,出现“在剪贴板上有大量信息。是否保留其内容,以便此后粘贴到其他程序中?”的弹窗提示,无论点击“是”、“否”、“取消”最终批导/上载都失败,数据为空。 : SAP ABAP Excel批导上载 ALSM_EXCEL_TO_INTERNAL_TABLE 在剪贴板上有大量

    2024年02月02日
    浏览(47)
  • vue使用html2canvas实现一键截图并赋值到剪贴板,只截取当前显示器上可视的内容

    使用 html2canvas 和 clipboard API 实现整页截图并填充至剪切板。 访问剪切板的api只支持在https或者本地localhost上使用,如果是http,则无法使用 首先需要从npm安装html2canvas 然后在代码中导入这个包: 之后绑定一个按钮来实现该功能,比如点击一个按钮,然后就开始截图当前页面并

    2024年02月15日
    浏览(59)
  • C#中复制文件夹及文件的两种方法

    现将文件复制的问题整理的知识做了一下总结,以方便自己和大家学习!本节要说的是C#中复制文件夹及文件的两种方法,闲话不说,直接附代码如下: 方法一: 方法二:       方法一 和 方法二 都可以实现文件夹及文件的复制,两者的区别是:方法一的复制并没有包括原文件的根目录

    2024年02月16日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包