JS点击复制按钮复制相关内容
网上是不是看到一些点击复制然后就自动把网址、文本内容自动复制呢,现在教大家如何实现
一、点击复制文本框内容的代码(1)
<script type="text/javascript">
function jsCopy(){
在网上是不是看到一些点击复制然后就自动把网址、文本内容自动复制呢,现在教大家如何实现
一、点击复制文本框内容的代码(1)
<script type="text/javascript">
function jsCopy(){
var e=document.getElementById("content");//对象是content
e.select(); //选择对象
document.execCommand("Copy"); //执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
<textarea cols="60" name="content" rows="2" id="content">www.qzpcw.com</textarea>
<input type=button value="复制" οnclick="jsCopy()">
二、点击复制文本框内容的代码(2)
<SCRIPT language=JavaScript>
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</SCRIPT>
<FORM action="" method=post name=form1>
<TEXTAREA cols=60 name=js_1 rows=2 wrap=VIRTUAL>www.qzpcw.com</textarea>
</form>
<INPUT name=Button οnclick="JM_cc('js_1')" type=button value=复制>
三、点击复制文本框内容的代码(3)
<script>
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
}
</script>
<input οnclick="oCopy(this)" value=www.qzpcw.com>
四、点击复制标题和地址的代码
<title>www.qzpcw.com</title>
<input type="button" name="Submit" onClick='copyToClipBoard()' value="复制本页地址,传给QQ/MSN上的好友">
<script language="javascript">
function copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
}
</script>
五、点击复制网址的代码
<script type="text/javascript">
function copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);}
</script>
以下是代码片段:<br>
<span id="tbid">http://www.qzpcw.com</span>
[<a href="#" οnclick="copyText(document.all.tbid)">点击复制</a>]<br>
<span id="tbid1">http://www.qzpcw.com</span>
[<a href="#" οnclick="copyText(document.all.tbid1)">点击复制</a>]<br>
JS点击复制按钮复制相关内容相关推荐
- PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
js点击button按钮跳转到另一个新页面 投稿:whsnow 字体:[增加 减小] 类型:转载 时间:2014-10-10 我要评论 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎 ...
- 用 JS 点击左右按钮 使图片切换 - 最精简版-ljx2380000-ChinaUnix博客
用 JS 点击左右按钮 使图片切换 - 最精简版-ljx2380000-ChinaUnix博客 代码部分: 点击(此处)折叠或打开 <!DOCTYPE html PUBLIC "-// ...
- 点击复制按钮复制input中的内容
<input type="text" id="input" readonly value="点击按钮复制此文本!!"></ ...
- vue实现点击不同按钮展示不同内容
效果是:在同一个页面,点击不同按钮,展示不同内容(内容也是在同意页面) 方法是:借助v-show渲染不同的class属性 步骤: 1.先写两个按钮 <div class="right1 ...
- js点击取消按钮关闭当前弹框_js关闭当前页面(窗口)的几种方式总结
1. 不带任何提示关闭窗口的js代码 代码如下: 关闭 2.自定义提示关闭 代码如下: // 这个脚本是 ie6和ie7 通用的脚本 function custom_close(){ if (conf ...
- vue中怎么点击修改文字_Vue.js点击切换按钮改变内容
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
- js点击取消按钮关闭当前弹框_UI设计中“取消按钮”的分析详解
按钮,无论是在 Web 还是 App 上都被广泛地使用,而很少有设计师会注意到按钮当中的细节,导致在设计过程中出现一些低级的错误,使得用户在完成任务的过程中产生阻碍,无法顺利达成目的. 在许多优秀的产 ...
- JS点击创建按钮后的按钮事件
问题描述: 1: 如下,我有3 个按钮,当我点击 [编辑] 的时候, 2: 创建新的按钮出来.那新的按钮,比如, [确定],和 [取消修改]的 JS 监听事件,应该怎么写呢? 问题解决: 因为 [确定 ...
- js点击重置按钮重置表单
<html> <head> <script type="text/javascript"> function formReset() { doc ...
最新文章
- c语言关键字-static
- http强制跳转https,POST请求变成GET
- Oracle Connect By Start With 总结==转帖
- Chrome浏览器显示“网站连接不安全”怎么解决?解决方法分享
- MySQL分区表概述
- 揭露一种通过网络实施ATM诈骗的手段!
- yum快速安装mysql
- 电商平台拼多多详情接口API数据获取示例
- python是一种跨平台语言_python是跨平台的语言吗
- python共享单车数据分析_共享单车数据可视化分析(Python/Seaborn)
- 数学 - 泰勒公式,常见麦克劳林公式及Maple函数拟合
- 他是马化腾的偶像,拒绝马云的应聘 !如今劝年轻人不要太拼、要认命......
- win10下载ie浏览器
- X15 - 999、马克思主义基本原理概论、03709
- Tensorflow2训练Fer2013数据集
- 【flask高级】从源码深入理解flask路由之endpoint
- String的使用方法
- 中国版权力的游戏构思
- Mysql数据库提权——UDF提权
- osgearth国界线省界线earth文件编写
热门文章
- EndNote: layout can not be formatted because it is no longer open
- [附源码]Java计算机毕业设计SSM工作计划统计分析系统
- js实现整体,局部刷新
- 服务器搭建网站完整教程
- 自定义Switch(秒懂)
- 水处理离子交换设备详解
- 干货 | 区块链项目估值的逻辑和误区
- 阿里云大规模即时云渲染支撑天猫双11“直播未来城”
- Sencha Touch 做相册
- 矿大计算机学院的周裕浩,中矿大计算机学院举办“图灵教育计划”电子信息专业交流会...