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对象的三个方法小结
Jan 12 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
Oct 09 Javascript
Javascript闭包实例详解
Nov 29 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
jQuery实现简单的抽奖游戏
May 05 jQuery
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
angular实现input输入监听的示例
Aug 31 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生成静态文件的多种方法分享
2012/07/17 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
php根据地址获取百度地图经纬度的实例方法
2019/09/03 PHP
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
详解Python中的各种函数的使用
2015/05/24 Python
django富文本编辑器的实现示例
2019/04/10 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
个人简历中的自我评价怎么写
2014/01/26 职场文书
教学实习自我评价
2014/01/28 职场文书
群众路线剖析材料
2014/02/02 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
索尼ICF-5900W收音机测评
2022/04/24 无线电