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实现键盘方向键翻页功能的代码
Jun 03 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
JavaScript 语言基础知识点总结(思维导图)
Nov 10 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
Node.js学习之查询字符串解析querystring详解
Sep 28 Javascript
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
ES6 Promise对象概念及用法实例详解
Oct 15 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 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使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
php 输出json及显示json中的中文汉字详解及实例
2016/11/09 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
jQuery EasyUI封装简化操作
2016/09/18 Javascript
js实现上传文件添加和删除文件选择框
2016/10/24 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
js编写简单的聊天室功能
2017/08/17 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
Python中文竖排显示的方法
2015/07/28 Python
python实现简单登陆系统
2018/10/18 Python
对python使用telnet实现弱密码登录的方法详解
2019/01/26 Python
彻底理解Python中的yield关键字
2019/04/01 Python
Python decimal模块使用方法详解
2020/06/08 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
英国最受欢迎的平价女士时装零售商:Roman Originals
2019/11/02 全球购物
渔夫的故事教学反思
2014/02/14 职场文书
迎元旦广播稿
2014/02/22 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
护士长2015年终工作总结
2015/04/24 职场文书
论文评审意见
2015/06/05 职场文书
结婚十年感言
2015/07/31 职场文书
解除租赁合同协议书
2016/03/21 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
JS函数式编程实现XDM一
2022/06/16 Javascript
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle