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(‘已复制,可粘贴‘);
}

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

时间: 2024-10-10 12:43:58

js复制文字的相关文章

点击复制文字到剪贴板兼容性安卓ios

一般那种活动H5分享可能会用到点击复制文字到剪贴板,很简单的功能 于是搜了一搜:js复制文字到剪贴板,可用结果大致分为两类: 一类是js原生方法,这种方法兼容性不好,不兼容ios: https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand 另外,还有一些坑要注意 input/textarea为disabled不可用(readonly可以) input/textarea为hidden不可用 try{ var copy

js复制对象

<script type="text/javascript"> function getType(o){ var _t; return ((_t = typeof(o)) == "object" ? o==null && "null" || Object.prototype.toString.call(o).slice(8,-1):_t).toLowerCase();}function extend(destinati

Pdf 解密后复制文字乱码

1.安装cajviewer 这个工具 2.用CAJviewer打开pdf文档 3.选择图像4.点文字识别,这时候就弹窗一个框,里面是可复制的文本,而且准确率比较高 Pdf 解密后复制文字乱码,布布扣,bubuko.com

pdf can&#39;t copy text 无法复制文字

有些 pdf 是通过图片弄出来的,或者被 protect 了. 我们会无法 copy 里面的字. 这个时候可以用 OCR (Optical character recognition) 就是从图片中识别出字的魔力. 做法可以是这样 1. pdf -> images -> word -> merge word http://pdftoimage.com (pdf -> images) https://www.onlineocr.net (image -> word)https:

兼容IE与Firefox的js 复制代码

<script type="text/javascript"> function copyCode(id){     var testCode=document.getElementById(id).value;     if(copy2Clipboard(testCode)!=false){         alert("生成的代码已经复制到粘贴板,你可以使用Ctrl+V 贴到需要的地方去了哦! ");     } } copy2Clipboard=f

js实现文字字幕滚动

<div class="dggd_r" id="h" style="height:400px;overflow:hidden;display:inline;float:left;">                <ul id="h1">                    <li><a href="#">SD卡雷锋精神的路口附近?</a><

JS 黑客帝国文字下落效果

黑客帝国文字下落效果 源代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>黑客帝国文字下落</title> <style> html, body {margin:0; padding:0; background-color:#000;} #divList {width:800px; height:500px; border

JS复制内容到剪贴板(兼容FF/Chrome/Safari所有浏览器)

现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: 这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板. 原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值“clipboard=..”,通过这个赋

[JavaScript] js 复制到剪切板

zeroclipboard官网:https://github.com/zeroclipboard/ZeroClipboard 下载压缩包,得到两个“ZeroClipboard.js”和“ZeroClipboard.swf”两个文件. 首先页面中载入ZeroClipboard.js ZeroClipboard.setMoviePath( “ZeroClipboard.swf路径” );来指定ZeroClipboard.swf 的地址. demo: <!DOCTYPE html> <html