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 相关文章推荐
jquery实现滑动图片自己测试的例子
Nov 05 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
Uploadify上传文件方法
Mar 16 Javascript
AngularJS指令与控制器之间的交互功能示例
Dec 14 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
Feb 22 Javascript
Vue 过渡实现轮播图效果
Mar 27 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
Feb 24 Javascript
Vue数据绑定简析小结
May 07 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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
PHP安全防范技巧分享
2011/11/03 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
PHP判断变量是否为0的方法
2014/02/08 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
php 数组随机取值的简单实例
2016/05/23 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
jQuery 选择器项目实例分析及实现代码
2012/12/28 Javascript
用innerhtml提高页面打开速度的方法
2013/08/02 Javascript
jQuery实现密保互斥问题解决方案
2013/08/16 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
javascript初学者常用技巧
2014/09/02 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
JS实现的仿QQ空间图片弹出效果代码
2016/02/23 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现文件按照日期命名的方法
2015/07/09 Python
Python连接phoenix的方法示例
2017/09/29 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
python虚拟环境迁移方法
2019/01/03 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
建筑工程质量通病防治方案
2014/06/08 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
学校元旦晚会开场白
2015/05/29 职场文书