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日历 推荐
Dec 03 Javascript
Javascript 继承机制实例
Aug 12 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
微信小程序点击保存图片到本机功能
Dec 13 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
Mar 04 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
如何去掉文章里的 html 语法
2006/10/09 PHP
php面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
PHP开发注意事项总结
2015/02/04 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
javascript StringBuilder类实现
2008/12/22 Javascript
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
2017/10/26 jQuery
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
python写xml文件的操作实例
2014/10/05 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
python中正则表达式的使用方法
2018/02/25 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
大学生实习自我鉴定
2013/12/11 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
房屋出售授权委托书
2014/10/12 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
运动会开幕式主持词
2015/07/01 职场文书
合作意向书范本
2019/04/17 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
如何解决php-fpm启动不了问题
2021/11/17 PHP