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 相关文章推荐
ExtJS 下拉多选框lovcombo
May 19 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
Aug 03 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
vue实现简单loading进度条
Jun 06 Javascript
详解小程序原生使用ES7 async/await语法
Aug 06 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
针对Vue路由history模式下Nginx后台配置操作
Oct 22 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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部分常见问题总结
2008/03/27 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
js no-repeat写法 背景不重复
2009/03/18 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
document.createElement()用法
2013/03/13 Javascript
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
详解javascript获取url信息的常见方法
2016/12/19 Javascript
JS实现移动端实时监听输入框变化的实例代码
2017/04/12 Javascript
使用mint-ui开发项目的一些心得(分享)
2017/09/07 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
Python3基础之基本数据类型概述
2014/08/13 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
CSS3哪些新特性值得称赞
2016/03/02 HTML / CSS
美国最大的旗帜经销商:Carrot-Top
2018/02/26 全球购物
教师反腐倡廉演讲稿
2014/09/03 职场文书
MySQL之select、distinct、limit的使用
2021/11/11 MySQL
解析python中的jsonpath 提取器
2022/01/18 Python