js点击一键复制

<a id="copy" onClick="copyUrl2()">内容</a>

<script>

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‘;

alert(‘复制成功‘);

}

</script>

原文地址:https://www.cnblogs.com/mmmzh/p/10077173.html

时间: 2024-10-08 21:32:07

js点击一键复制的相关文章

JS实现点击按钮复制指定代码大全

<br><br>一.点击复制文本框内容的代码:<br><br> <script type="text/javascript"> function jsCopy(){ var e=document.getElementById("content");//对象是content e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制

JS 点击复制Copy插件--Zero Clipboard

写博客就是一周工作中遇到哪些问题,一个好处就是可以进行一个总结,另外一个好处就是下次遇到同样的问题即使那你记不住,也可以翻看你的博客解决了.同样也可以帮到别人遇到与你一样问题的人.或者别人有比你更好的解决办法,可以一起讨论,分析出更好的解决方法.所以这是个好习惯.既然是好习惯,那就得坚持. 但是想写好一篇博客好像不是那么容易的,因为你得有问题,不然你写什么,手放在键盘上不知道敲啥.或者是你自己主动学习了,对你的学习进行了总结.然后你得有得写. 这周公司同事分享的<贝叶斯方法>对我的感触挺大的.

JS 点击复制按钮 将文字复制到手机剪贴板

我们在制作移动端网页的时候,经常会遇到这样一个问题,如何点击一个"复制"按钮,把一串文字复制到手机剪贴板,如上图所示. 看了网上的一些方法后,感觉那些方法都太复杂,有点要用插件,有的需要安装flash,但是这些对于手机等移动设备都不太合适,那么有没有一个简单点的办法呢? 今天,我们就来介绍一个简单实用的好方法: ①首先,我们把需要复制的部分 做成一个readonly的input, ②复制按钮的id 我这里设置成:js-copy-text, ③js如下: <script> $

js实现剪切、复制、粘贴——clipBoard.js

摘要: 最近项目上要实现一个点击按钮复制链接的功能,刚开始查找了一些资料,找了几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,于是就想能不能通过js来实现复制剪切呢? 地址:https://github.com/baixuexiyang/clipBoard.js 方法: 复制 var copy = new clipBoard(document.getElementById('data'), { beforeCopy: function() {

极简的js点击组图切换效果

程序员进行前端开发时,时常要用到点击切换组图的动画效果,网上确实有很多此类插件,但是都很麻烦,乌糟糟无数代码,有那个看的时间,自己都能把功能写完了.在这里我提供一段极简的js点击组图切换效果代码,包含一个html文件,一个css文件,一个js文件,一个jquery.js文件,以及一张图片. index.html <html><head><title>js点击组图左右滑动</title><meta http-equiv="Content-Typ

js插件实现一键复制功能

clipboard.js 可以实现纯 JS 的从浏览器复制文本到系统剪贴板的功能. 使用方法: 1. 下载 clipboard.js,并在页面中引入该插件.clipboard.js 下载地址: https://github.com/zenorocha/clipboard.js <script src="/lib/js/clipbaord.js"></script> 2. 需要复制的目标文本 <span id="tar_text" >

微店一键复制商品软件使用教程

我们所有功能均支持免费试用,试用版只有复制数量限制,功能和正式版一致,新用户请先订购7天免费试用版. 使用中如有疑问请联系我们客服,描述清楚具体问题: https://im.weidian.com/chat/?from_platform=h&to_platform=a&to_user_id=1234478995#/ 用户授权后,跳转到软件主界面: 一.淘宝批量抓取商品: 抓取商品工具可以从淘宝.天猫上抓取任意店铺的商品及其图片,并上传到微店店.抓取.跨平台转换.图片搬家.上传/导出等过程一

小程序 - 实现【一键复制】功能

小程序 - 实现[一键复制]功能 为啥想起使用[一键复制]功能?因为个人小程序里,不许加外链接,很是头疼,就想到一键复制链接,这是我刚写的一个减一的小程序: 使用[一键复制]: wxml 文件: <view> 官网:<text selectable='true' bindlongtap='copy' >{{url}}</text> <!-- 注意,上面只是一个提示功能 --> <button bindtap="copyBtn">

兼容安卓和ios实现一键复制内容到剪切板

实现代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <m