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 相关文章推荐
js DataSet数据源处理代码
Mar 29 Javascript
jquery validate使用攻略 第四步
Jul 01 Javascript
JavaScript学习历程和心得小结
Aug 16 Javascript
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
javascript修改IMG标签的src问题
Mar 28 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
JS实现页面跳转与刷新的方法汇总
Aug 30 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 Vue.js
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定时计划任务的实现方法详解
2013/06/06 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
js url传值中文乱码之解决之道
2009/11/20 Javascript
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
js实现图片和链接文字同步切换特效的方法
2015/02/20 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
2016/12/22 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
详解python定时简单爬取网页新闻存入数据库并发送邮件
2020/11/27 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
德国团购网站:Groupon德国
2018/03/13 全球购物
房地产销售大学生自我评价分享
2013/11/11 职场文书
最受欢迎的自我评价
2013/12/22 职场文书
通信生自我鉴定
2014/01/18 职场文书
学习演讲稿范文
2014/05/10 职场文书
颐和园英文导游词
2015/01/30 职场文书
校园开放日新闻稿
2015/07/17 职场文书
2015选调生工作总结
2015/07/24 职场文书
小学秋季运动会通讯稿
2015/11/25 职场文书
外出考察学习心得体会
2016/01/18 职场文书
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL