编程 Javascript

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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持三水点靠木！

JS实现复制功能

- Author -

yonghuming

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery插件validate验证的小例子

May 08 Javascript

cookie 最近浏览记录(中文escape转码)具体实现

Jun 08 Javascript

Javascript 遍历页面text控件详解

Jan 06 Javascript

JQuery的Ajax请求实现局部刷新的简单实例

Feb 11 Javascript

Jquery中基本选择器用法实例详解

May 18 Javascript

元素绑定click点击事件方法

Jun 08 Javascript

javascript另类方法实现htmlencode()与htmldecode()函数实例分析

Nov 17 Javascript

jQuery插件fullPage.js实现全屏滚动效果

Dec 02 Javascript

node.js实现回调的方法示例

Mar 01 Javascript

Bootstrap 过渡效果Transition 模态框（Modal）

Mar 17 Javascript

基于JavaScript中字符串的match与replace方法(详解)

Dec 04 Javascript

微信小程序APP页面的之间的相互传递参数以及自定义组件

Apr 19 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中最简单的字符串匹配算法

2014/12/16 PHP

php程序总是提示验证码输入有误解决方案

2015/01/07 PHP

PHP中imagick函数的中文解释

2015/01/21 PHP

curl和libcurl的区别简介

2015/07/01 PHP

PHP实现的简单适配器模式示例

2017/06/22 PHP

IE中jscript/javascript的条件编译

2006/09/07 Javascript

js 匿名调用实现代码

2009/06/19 Javascript

基于JQuery的一句话搞定手风琴菜单

2012/09/14 Javascript

javascript 得到文件后缀名的思路及实现

2020/05/09 Javascript

jquery实现的图片点击滚动效果

2014/04/29 Javascript

jQuery实现dialog设置focus焦点的方法

2015/06/10 Javascript

JavaScript判断微信浏览器实例代码

2016/06/13 Javascript

详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())

2016/08/15 Javascript

vue制作加载更多功能的正确打开方式

2016/10/12 Javascript

JS实现物体带缓冲的间歇运动效果示例

2016/12/22 Javascript

vue之数据交互实例代码

2017/06/20 Javascript

layui前端框架之table表数据的刷新方法

2018/08/17 Javascript

微信小程序开发之tabbar图标和颜色的实现

2018/10/17 Javascript

详解VUE项目中安装和使用vant组件

2019/04/28 Javascript

浅谈Vue项目骨架屏注入实践

2019/08/05 Javascript

javascript设计模式 ? 单例模式原理与应用实例分析

2020/04/09 Javascript

跟老齐学Python之集合(set)

2014/09/24 Python

在Django同1个页面中的多表单处理详解

2017/01/25 Python

Pycharm学习教程（4） Python解释器的相关配置

2017/05/03 Python

Python识别快递条形码及Tesseract-OCR使用详解

2019/07/15 Python

python 输出列表元素实例(以空格/逗号为分隔符)

2019/12/25 Python

Python GUI库PyQt5样式QSS子控件介绍

2020/02/25 Python

CSS3盒子模型详解

2013/04/24 HTML / CSS

Spanx塑身衣官网：美国知名内衣品牌

2017/01/11 全球购物

聚网科技C++面试笔试题

2015/09/01 面试题

卫校毕业生自我鉴定

2013/10/31 职场文书

鸿星尔克广告词

2014/03/21 职场文书

2014年单位植树节活动方案

2014/03/23 职场文书

个人工作保证书

2015/02/28 职场文书

2016清明节森林防火广播稿

2015/12/17 职场文书

2016党员学习作风建设心得体会

2016/01/21 职场文书