编程 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 网页水印(非图片水印)实现代码

Mar 01 Javascript

jquery无法设置checkbox选中即没有变成选中状态

Mar 27 Javascript

浅析Node.js的Stream模块中的Readable对象

Jul 29 Javascript

AngularJS基础教程之简单介绍

Sep 27 Javascript

JavaScript中Textarea滚动条不能拖动的解决方法

Dec 15 Javascript

深入理解ECMAScript的几个关键语句

Jun 01 Javascript

如何利用JSHint减少JavaScript的错误

Aug 23 Javascript

AngularJS动态生成div的ID源码解析

Aug 29 Javascript

jQuery+Ajax实现用户名重名实时检测

Jun 01 jQuery

基于Vue+element-ui 的Table二次封装的实现

Jul 20 Javascript

vue通过v-html指令渲染的富文本无法修改样式的解决方案

May 20 Javascript

vue实现图片裁剪后上传

Dec 16 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