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 相关文章推荐
JavaScript 基于原型的对象(创建、调用)
Oct 16 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
微信小程序实现多个按钮toggle功能的实例
Jun 13 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
javascript function(函数类型)使用与注意事项小结
Jun 10 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
Mar 09 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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
php 模拟POST提交的2种方法详解
2013/06/17 PHP
php实现的mongodb操作类
2015/05/28 PHP
简单谈谈PHP vs Node.js
2015/07/17 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
动态添加js事件实现代码
2009/03/12 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
JS及JQuery对Html内容编码,Html转义
2017/02/17 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
开源Web应用框架Django图文教程
2017/03/09 Python
Python中functools模块函数解析
2017/03/12 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
Python多线程thread及模块使用实例
2020/04/28 Python
python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码
2020/06/11 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
phpquery中文手册
2021/03/18 PHP
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
员工拾金不昧表扬信
2014/01/09 职场文书
初一英语教学反思
2014/01/11 职场文书
自我鉴定总结
2014/03/24 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2019入党申请书格式和范文
2019/06/25 职场文书
创业计划书之寿司
2019/07/19 职场文书
Python基础之元组与文件知识总结
2021/05/19 Python