编程 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 相关文章推荐

两个JavaScript jsFiddle JSBin在线调试器

Mar 14 Javascript

Javascript冒泡排序算法详解

Dec 03 Javascript

js实现用户注册协议倒计时的方法

Jan 21 Javascript

Javascript中String的常用方法实例分析

Jun 13 Javascript

一道JS前端闭包面试题解析

Dec 25 Javascript

解决低版本的浏览器不支持es6的import问题

Mar 09 Javascript

Angular Renderer (渲染器)的具体使用

May 03 Javascript

jQuery 导航自动跟随滚动的实现代码

May 30 jQuery

bootstrap-table+treegrid实现树形表格

Jul 26 Javascript

浅谈vuex为什么不建议在action中修改state

Feb 02 Javascript

jQuery加PHP实现图片上传并提交的示例代码

Jul 16 jQuery

vue实现选中效果

Oct 07 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