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操作ACCESS数据库(读增改删)的代码
May 14 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
May 07 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
微信小程序转化为uni-app项目的方法示例
May 22 Javascript
js+css3实现炫酷时钟
Aug 18 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 从数据库提取二进制图片的处理代码
2009/09/09 PHP
PHP运行模式的深入理解
2013/06/03 PHP
javascript 类方法定义还是有点区别
2009/04/15 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
2020/11/13 Javascript
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
[52:31]VP vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python抓取豆瓣图片并自动保存示例学习
2014/01/10 Python
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
OpenCV实现人脸识别
2017/04/07 Python
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
餐厅销售主管职责范本
2014/02/19 职场文书
霸王洗发水广告词
2014/03/14 职场文书
爱心捐款倡议书
2014/04/14 职场文书
婚前协议书
2014/04/15 职场文书
投资合作协议书范本
2014/04/17 职场文书
小学生演讲稿大全
2014/04/25 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
使用 DataAnt 监控 Apache APISIX的原理解析
2022/07/07 Servers
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技