编程 Javascript

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程序设计有所帮助。

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

- Author -

Quber

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别

Apr 12 Javascript

JavaScript中的常见问题解决方法(乱码,IE缓存,代理)

Nov 28 Javascript

javascript中的this详解

Dec 08 Javascript

推荐10 个很棒的 jQuery 特效代码

Oct 04 Javascript

基于jquery实现多选下拉列表

Aug 02 jQuery

Vue 组件间的样式冲突污染

Aug 31 Javascript

bootstrap table实现双击可编辑、添加、删除行功能

Sep 27 Javascript

js实现点击展开隐藏效果（实例代码）

Sep 28 Javascript

JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

Feb 18 Javascript

vue props 单项数据流实例分享

Feb 16 Javascript

深入分析JavaScript 事件循环(Event Loop)

Jun 19 Javascript

Vue Element UI自定义描述列表组件

May 18 Vue.js

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