js实现自动复制(不是点击),能够兼容所有浏览器

js访问页面实现自动复制,兼容所有浏览器,不是点击页面元素,而是访问就能复制到剪切板。
用Clipboard.js就行,主要是实现自动 复制。

7个回答

Clipboard.js可以

qq_42267856
qq_42267856 不可以
接近 2 年之前 回复
qq_36371989
qq_36371989 Clipboard.js可以
2 年多之前 回复
qq_41706033
qq_41706033 Clipboard.js可以
2 年多之前 回复
weixin_41705771
weixin_41705771 Clipboard.js
2 年多之前 回复

clipboard.js自动复制测试了不行,会报错,需要人工点击过复制按钮才行。

 <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<textarea id="ta">felfjelfj</textarea>
<button id="target" action="copy" data-clipboard-target="#ta">Copy to clipboard</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
<script>
    var clipboard = new Clipboard('#target'),timer;
    clipboard.on('success', function (e) { e.clearSelection(); clearInterval(timer);alert('复制成功,停止计时器') });
    clipboard.on('error', function (e) {  console.log('error',e)});
    $(window).load(function () {//自动复制
       timer= setInterval(function () { $('#target').trigger('click'); }, 1000)
    })
</script>
Cenlym
Cenlym document.execCommand('cut'/'copy') 被拒绝,因为它不是从短时运行的用户生成的事件处理程序内部进行调用。
接近 2 年之前 回复
u012210662
Heartbeas 我试过
2 年多之前 回复

自动复制是不能实现的,浏览器有安全机制,必须用户至少进行了一次点击操作才可以

showbo
支付宝加好友偷能量挖 回复Heartbeas: 小程序是app,不是b/s系统。。
2 年多之前 回复
u012210662
Heartbeas 这个我知道,但是我见到微信小程序里面有自动复制的,用node可以不
2 年多之前 回复

自动是怎么个说法,总得有个触发事件,比如定时触发,页面加载前触发,页面加载后触发,点击触发,鼠标触发,内容改变后触发。。。。。。。

qq_24928469
qq_24928469 需要当前浏览器开启才行啊
2 年多之前 回复
u012210662
Heartbeas 刷新页面
2 年多之前 回复

function clipboard(Data) {
if (window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", Data);
alert("您的邀请宣言和专属链接已复制,请Ctrl+V或粘贴给您的老友!")
} else if (navigator.userAgent.indexOf("Opera") != -1) {
window.location = Data;
alert("您的邀请宣言和专属链接已复制,请Ctrl+V或粘贴给您的老友!");
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext = Data;
str.data = copytext;
trans.setTransferData("text/unicode", str, copytext.length * 2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans, null, clipid.kGlobalClipboard);
alert("您的邀请宣言和专属链接已复制,请Ctrl+V或粘贴给您的老友!")
}
}

来自http://blog.csdn.net/Astpiy/article/details/8835309

<br> window.ready(function(){<br> //你的代码<br> });<br>


可以将点击事件执行的方法在页面加载完成之后就执行。例如:

 <script>
window.onload(function(){
    ...
        your coue...
        ...
});
</script>
qq_42267856
qq_42267856 这样根本不行
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js脚本实现浏览器自动点击

![图片说明](https://img-ask.csdn.net/upload/201702/18/1487429536_903087.jpg)![图片说明](https://img-ask.csdn.net/upload/201702/18/1487429560_560573.jpg)![图片说明](https://img-ask.csdn.net/upload/201702/18/1487429574_463656.jpg)![图片说明](https://img-ask.csdn.net/upload/201702/18/1487429588_863540.jpg)

chrom浏览器如何实现自动点击?

![图片说明](https://img-ask.csdn.net/upload/201904/14/1555213919_761892.png) 我想实现当这个按钮变成“下架”的时候自动点击上架,我百度了很多自动点击的代码都不行。应该怎么实现?没学过JS,希望能得到帮助

求实现微信浏览器通过JS实现一键复制文本的功能的组件。。。

clipboard.min.js这个组件之前使用是可以的,最近微信版本更新后突然发现IOS有时会出现不兼容的情况,请教各位大佬谁能推荐个组件,在网上找了好久还没有支持微信内置浏览器的。。。

HTML5,javascript如何让浏览器自动全屏显示(或者python实现)

``` <html > <meta charset="UTF-8"> <body> <button onclick="launchFullscreen(document.documentElement);">启动全屏</button> <script> function launchFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if(element.msRequestFullscreen) { element.msRequestFullscreen(); } } </script> </body> </html> ``` 现在这段代码只能点击按钮才能全屏,有没有什么方法自动全屏浏览器的 请给出代码实现 谢谢

微信浏览器通过js复制文本功能

现在在做微信公众号开发,里面有一个功能是需要点击一个按钮,复制对应的文本信息到剪贴板,试过很多方法,在微信浏览器就是不行,求大神指点。

360浏览器兼容模式问题

我写的js 在360浏览器兼容模式下不显示,在极速模式下显示正常,所以我想强制360浏览器的用户浏览我的网站的时候只能使用极速模式而不能使用兼容模式,类似360浏览器主页那样的功能,要怎么实现。。

jquery或js,打开网页最大化,实现各浏览器兼容

jquery或js,打开网页最大化,实现各浏览器兼容,比如screen在chrome中就不识别

360浏览器复制文本特效 JS怎么实现

![CSDN移动问答][1] ![ 类似于这样的特效怎么实现它][1] [1]: http://img.bbs.csdn.net/upload/201409/15/1410757808_256398.png

js中的替换全部在浏览器兼容性问题

var temp = ‘12312312323’; temp = temp.replace(new RegExp(‘1’, "g"),""); temp = temp.replace(new RegExp(‘1’, "g"),""); 在IE8 是可用的 但是换到 火狐 谷歌 IE9 均不兼容 我只想替换一个字符串中的所有出现过的字符 替换为空 请指教

js自动复制内容到剪贴板问题

通过以下代码实现移动端自动复制内容到剪贴板: ``` <script src="https://static.runoob.com/assets/clipboard.min.js"></script> <p id="copy" data-clipboard-text="888888888888888888">6666</p> <script> var clipboard = new Clipboard("#copy"); clipboard.on("success", function(e) { console.log(e); }); clipboard.on("error", function(e) { console.log(e); }); document.getElementById("copy").click(); </script> ``` 通过 document.getElementById("copy").click(); 来触发点击的话无法复制内容到剪贴板,而手动点击p标签就可以复制到到剪贴板,这种问题该怎么解决?

能自动检测当浏览器中页面上的视频暂停后,自动点击播放按钮的js脚本。

我在看一个视频,但是这个视频过一会就暂停了,我想写一个脚本来控制它,当他暂停后就自动让它开始播放。我在控制台发现页面中这样一段代码。希望对大家有所提示,具体的我也就不懂了,我会写js,但是不知道怎下手去弄。![图片说明](https://img-ask.csdn.net/upload/201802/11/1518339200_256025.png)

JS代码的浏览器兼容问题

求大家帮帮忙,我在js代码中写的是 window.onload=function(){setInterval(showtime,1000);} function showtime(){ var current = new Date(); var t = document.getElmentById("time"); t.firstChild.innerText = current.toLocaleString(); } 此代码是在浏览器中实时显示本地时间 此代码在IE9,Chrome中运行正常,但是在火狐浏览器中不显示,为什么?

JavaScript 一键复制不兼容ios求解决方法

代码如下 ``` function copyUrl2() { var Url2=document.getElementById("Copy").innerText; var oInput = document.createElement('input'); oInput.value = Url2; document.body.appendChild(oInput); oInput.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 oInput.className = 'oInput'; oInput.style.display='none'; layer.msg('复制成功'); } ``` 在ios下执行有提示复制成功,还会弹出输入法,但是并没有复制到内容。安卓下正常,本人对JavaScript 是小白 希望有大神给指导下 或者帮忙写一段

正则与各个浏览器不兼容!

this.value.replace(/[\u4e00-\u9fa5]/g, '').replace(/[^\-?\d]/g, '') 第一个正则:不允许输入中文以及英文。 第二个正则:只允许输入数字以及负号。 目的:只可以输入负数以及数字。 在火狐浏览器下用搜狗什么都不可以输入(用微软拼音ABC设定为中文的情况下可以成功,英文的情况下什么都不可以输入。),在谷歌以及IE下用搜狗才可以输入负号,用别的输入法不可以。 我也不清楚是是因为浏览器不兼容还是因为我的代码写的有问题。麻烦各位大神帮我看一下,谢谢。 我是刚刚才注册所以没有C币,不好意思。

js和jquery实现浏览器滚动事件自动滚动和手动滚动的冲突怎么解决?

怎么用js和jquery实现网页刷新时浏览器以一定的速度向下滚动,但是当手动滑动浏览器时,停止自动滚动?现在的情况是我手动滑动时,由于自动向下滚动事件还没有结束出现浏览器窗口抖动的问题。请高手帮帮忙。

使用js或jQuery禁用浏览器划词复制

已经使用代码控制了右键复制和Ctrl+C复制,但在搜狗和360浏览器上有自带的划词复制,只要选中一部分文字,就会出现复制工具条,怎么使用代码把这个功能禁用,或者让浏览器默认关闭划词功能

Android4.4 修改哪里能够让浏览器自动播放视频 autoplay

google 在Android4.4 浏览器中禁用了 autoplay功能,需要点击一下播放按钮才可以。 现在想用浏览器做户外显示终端。所以想实现打开网页就能播放视频的功能。请问有没有 什么办法,在android源码中 打开autoplay功能

chrome 浏览器放大缩小 js实现

由于样式一开始是在浏览器缩小80%的状态下写的,现在改麻烦而且来不及 用zoom可以实现缩小但是会留白 请问如何像chrome一样在缩小的同时充满浏览器界面,谢谢!![图片说明](https://img-ask.csdn.net/upload/201805/10/1525935385_390336.png)

【前端】浏览器兼容问题都有哪些,通常怎么解决浏览器兼容性问题

正在学习前端,看到一个新词叫浏览器兼容性, 请问浏览器兼容性问题一般都有哪些呢? 通常怎么解决这些问题呢? xiexie~~

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

玩转Python-Python3基础入门

总课时80+,提供源码和相关资料 本课程从Python零基础到纯Python项目实战。内容详细,案例丰富,覆盖了Python知识的方方面面,学完后不仅对Python知识有个系统化的了解,让你从Python小白变编程大牛! 课程包含: 1.python安装 2.变量、数据类型和运算符 3.选择结构 4.循环结构 5.函数和模块 6.文件读写 7.了解面向对象 8.异常处理

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:itxy41)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

基于VHDL的16位ALU简易设计

基于VHDL的16位ALU简易设计,可完成基本的加减、带进位加减、或、与等运算。

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

利用Verilog实现数字秒表(基本逻辑设计分频器练习)

设置复位开关。当按下复位开关时,秒表清零并做好计时准备。在任何情况下只要按下复位开关,秒表都要无条件地进行复位操作,即使是在计时过程中也要无条件地进行清零操作。 设置启/停开关。当按下启/停开关后,将

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

计算机操作系统 第三版.pdf

计算机操作系统 第三版 本书全面介绍了计算机系统中的一个重要软件——操作系统(OS),本书是第三版,对2001年出版的修订版的各章内容均作了较多的修改,基本上能反映当前操作系统发展的现状,但章节名称基

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

SEIR课程设计源码与相关城市数据.rar

SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

GIS程序设计教程 基于ArcGIS Engine的C#开发实例

张丰,杜震洪,刘仁义编著.GIS程序设计教程 基于ArcGIS Engine的C#开发实例.浙江大学出版社,2012.05

人工智能-计算机视觉实战之路(必备算法+深度学习+项目实战)

系列课程主要分为3大阶段:(1)首先掌握计算机视觉必备算法原理,结合Opencv进行学习与练手,通过实际视项目进行案例应用展示。(2)进军当下最火的深度学习进行视觉任务实战,掌握深度学习中必备算法原理与网络模型架构。(3)结合经典深度学习框架与实战项目进行实战,基于真实数据集展开业务分析与建模实战。整体风格通俗易懂,项目驱动学习与就业面试。 建议同学们按照下列顺序来进行学习:1.Python入门视频课程 2.Opencv计算机视觉实战(Python版) 3.深度学习框架-PyTorch实战/人工智能框架实战精讲:Keras项目 4.Python-深度学习-物体检测实战 5.后续实战课程按照自己喜好选择就可以

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

微信小程序开发实战之番茄时钟开发

微信小程序番茄时钟视频教程,本课程将带着各位学员开发一个小程序初级实战类项目,针对只看过官方文档而又无从下手的开发者来说,可以作为一个较好的练手项目,对于有小程序开发经验的开发者而言,可以更好加深对小程序各类组件和API 的理解,为更深层次高难度的项目做铺垫。

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

去除异常值matlab程序

数据预处理中去除异常值的程序,matlab写成

用verilog HDL语言编写的秒表

在秒表设计中,分模块书写。用在七段数码管上显示。输入频率是1KHZ.可以显示百分秒,秒,分。如要显示小时,只需修改leds里的代码和主模块代码。改程序以通过硬件电路验证。完全正确。

[透视java——反编译、修补和逆向工程技术]源代码

源代码。

相关热词 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行 c# 循环给数组插入数据 c# 多线程死锁的例子 c# 钉钉读取员工排班 c# label 不显示 c#裁剪影像 c#工作进程更新ui
立即提问