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 加号(+)运算符号
Dec 06 Javascript
25个非常棒的jQuery滑块插件和教程小结
Sep 02 Javascript
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
Apr 09 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
一篇文章带你从零快速上手Rollup
Sep 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
大师制作的中短波矿石收音机
2020/04/02 无线电
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
功能强大的PHP POST提交数据类
2016/07/15 PHP
点图片上一页下一页翻页效果
2008/07/09 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
小程序如何获取多个formId实现详解
2019/09/20 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
python中使用zip函数出现错误的原因
2018/09/28 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
PHP面试题大全
2015/10/16 面试题
大型活动策划方案
2014/01/12 职场文书
美容院考勤制度
2014/01/30 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
商场客服专员岗位职责
2014/06/13 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
mysql优化
2021/04/06 MySQL
pytorch显存一直变大的解决方案
2021/04/08 Python
Redis超详细讲解高可用主从复制基础与哨兵模式方案
2022/04/07 Redis