美文网首页
前端JS实现简易一键复制黏贴函数(可复制换行)

前端JS实现简易一键复制黏贴函数(可复制换行)

作者: Xiaop | 来源:发表于2022-03-30 23:37 被阅读0次

废话不多说, 直接上代码, 有问题下面或者私信讨论哈

定义

function copy(copyContent) {
    // 1. 创建并添加一个输入框元素(最后会销毁)
    const textareaEle = document.createElement("textarea");
    document.body.appendChild(textareaEle);
    // 2. 将需要复制的文本传入输入框, 并调用 select 方法, 选中输入框中文本
    textareaEle.value = copyContent;
    textareaEle.select();
    textareaEle.readOnly = 'readOnly';
    // 3. 调用复制选中文本的方法
    document.execCommand('copy');
    // 4. 销毁输入框
    document.body.removeChild(textareaEle);
}

使用

copy("我马上会到你的剪贴板里嘿嘿")

相关文章

  • 前端JS实现简易一键复制黏贴函数(可复制换行)

    废话不多说, 直接上代码, 有问题下面或者私信讨论哈 定义 使用

  • vue 跑马灯

    有个需求需要实现跑马灯功能,找了一下,基本都是复制黏贴和js实现。还是自己写个吧vue项目

  • js一键复制

    点击按钮 实现一键复制

  • iOS 数据共享 - 黏贴版

    数据共享 黏贴版 复制黏贴模式实现数据分享 URLType 路由模式跳转实现数据分享 [图片上传失败...(ima...

  • 复制黏贴,,

    爱情经得起风雨,却经不起平淡;友情经得起平淡,却经不起风雨!

  • 复制黏贴

    无尽意,观世音菩萨摩诃萨,威神之力,巍巍如是。若有众生,多于淫欲,常念恭敬观世音菩萨,便得离欲。若多嗔恚(huì)...

  • 复制黏贴

    看着窗外的天色渐渐暗了下来,我不知道下班的时候又到了,一天又挨过去了,坐上车,系好保险带,慢慢地匀速开回家。在家楼...

  • js实现一键复制

    最近做一个小功能,需要实现一键复制,由于之前用过jq的ZeroClipboard,原理是通过flash来实现复制功...

  • js 实现一键复制

    const textArea = document.createElement('textarea'); ...

  • vim命令合集

    复制黏贴 yy复制光标所在行 nyy复制光标所在行以后n行 p黏贴到光标所在处 其他 dd删除光标所在行 /向后搜...

网友评论

      本文标题:前端JS实现简易一键复制黏贴函数(可复制换行)

      本文链接:https://www.haomeiwen.com/subject/tylgjrtx.html