JS实现复制功能


Posted in Javascript onMarch 01, 2017

效果图:

JS实现复制功能

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS复制功能</title>
<link href="" rel=" rel="external nofollow" stylesheet">
<style>
 *{
 margin:0;
 padding:0;
 }
 input{
 border:1px solid #ccc;
 padding: 5px;
 width: 200px;
 }
 button{
 height:32px;
 }
</style>
</head>
<body>
 <input type="text"placeholder="里面输入文字">
 <button type="button">点击复制</button>
 <script type="text/javascript" src='http://libs.baidu.com/jquery/2.0.0/jquery.js'></script>
 <script>
  $(document).ready(function(){
  $('button').click(function(){
  $('input').trigger('select');
  document.execCommand('copy');
  alert('复制成功')
  })
  })
 </script>
</body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 权威指南(第四版) 读书笔记
Aug 11 Javascript
js截取函数(indexOf,join等)
Sep 01 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
HTML5实现留言和回复页面样式
Jul 22 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
原生javascript移动端滑动banner效果
Mar 10 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 #Javascript
JS三目运算(三元运算)方法详解
Mar 01 #Javascript
vue-router 学习快速入门
Mar 01 #Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
Mar 01 #Javascript
Angular之指令Directive用法详解
Mar 01 #Javascript
js for循环倒序输出数组元素的实例
Mar 01 #Javascript
JSON与JS对象的区别与对比
Mar 01 #Javascript
You might like
php学习之 循环结构实现代码
2011/06/09 PHP
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
安装docker和docker-compose实例详解
2019/07/30 PHP
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
vuex的简单使用教程
2018/02/02 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
vue内置指令详解
2018/04/03 Javascript
在小程序Canvas中使用measureText的方法示例
2018/10/19 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
多个Vue项目部署到服务器的步骤记录
2020/10/22 Javascript
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
浅谈Python中的数据类型
2015/05/05 Python
python监控文件或目录变化
2016/06/07 Python
Python 创建空的list,以及append用法讲解
2018/05/04 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
Python txt文件如何转换成字典
2020/11/03 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
Servlet都有哪些方法?主要作用是什么?
2014/03/04 面试题
应届毕业生的自我鉴定
2013/11/13 职场文书
个人作风剖析材料
2014/02/02 职场文书
岗位廉政承诺书
2014/03/27 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
会议通知
2015/04/15 职场文书
法律进社区活动总结
2015/05/07 职场文书
食品安全责任书范本
2015/05/09 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js