JS简单实现点击复制链接的方法


Posted in Javascript onAugust 03, 2016

本文实例讲述了JS简单实现复制链接的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>点击复制链接</title>
</head>
<body>
<input type="text" size="30" id="url" value="https://3water.com/">
<input type="button" value="复制链接1" onClick="copyUrl()">
<script type="text/javascript">
function copyUrl(){
 var url = document.getElementById("url").value;
 window.clipboardData.setData("Text",url);
 alert("复制链接成功!");
}
</script>
<input type="button" value="复制链接2" onClick="url.select();document.execCommand('Copy')">
<br/><br/>
三水点靠木提供两种简单复制链接的方法,相信总有一款适合您~O(∩_∩)O~
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
一个js过滤空格的小函数
Oct 10 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
json传值以及ajax接收详解
May 24 Javascript
javascript中json基础知识详解
Jan 19 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
JS清除字符串中重复值的实现方法
Aug 03 #Javascript
JS使用onerror捕获异常示例
Aug 03 #Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 #Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 #Javascript
JS简单获取及显示当前时间的方法
Aug 03 #Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 #Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
Aug 03 #Javascript
You might like
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
约瑟夫环问题的PHP实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
php 购物车完整实现代码
2014/06/05 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
jquery事件与函数的使用介绍
2013/09/29 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
Vue实现简单分页器
2018/12/29 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
2020/09/22 Javascript
解决vant的Toast组件时提示not defined的问题
2020/11/11 Javascript
[05:06]DOTA2-DPC中国联赛 正赛 VG vs Magma选手采访
2021/03/11 DOTA
Python计时相关操作详解【time,datetime】
2017/05/26 Python
Python冲顶大会 快来答题!
2018/01/17 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
管理专员自荐信
2014/01/26 职场文书
骨干教师考核方案
2014/05/09 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
TV动画《史上最强大魔王转生为村民A》番宣CM公布
2022/04/01 日漫
React四级菜单的实现
2022/04/08 Javascript
教你使用RustDesk 搭建一个自己的远程桌面中继服务器
2022/08/14 Servers