JS实现文本全选并复制

项目需要,自己用execCommand()方法写了一个,目前在IE,chrome,fireFox 都正常运行;

话不多说,直接代码:

HTML部分
<input  class="addresNm" type="text" value="这里是等待被复制的东东" />
<input class="copyBtn" type="button" value="点击复制"/>
Js部分
<script>
$(‘.copyBtn‘).click(function () {
        var Input = $(‘.addresNm‘);
         Input.focus()
         Input.select()
         try{
              document.execCommand(‘copy‘);
         }catch(e){}                                                     

 })
</script>    

代码大概意思,具体需要实际需要而写;此用于个人记录总结。

时间: 2024-10-14 04:00:12

JS实现文本全选并复制的相关文章

js实现CheckBox全选全不选

CheckBox全选全不选的js方法 效果: 页面 :<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" class="data_table"> <tr class="scrollColThe

28-30 js 文本全选

要点:使用select(); 上代码: if (e.keyCode === 27){ document.getElementById('input').select() } //当点击键盘esc键时候,对input框进行全选. 修改样式: document.getElementById('list').style = 'display: none;' liDom[nowSelectTipIndex].style.backgroundColor='green' innerHTML: //将生成内容

js checkBox的全选,反选,与赋值

//js 数值是否在数组中 Array.prototype.in_array = function(e){ for(i=0;i<this.length;i++){ if(this[i] == e) return true; } return false; } //js数组index Array.prototype.find_str=function(string){ var str = this.join(""); return str.indexOf(string); } va

js EasyUI前台 全选的实现

在页面数据列表<d:table> </d:table>   加入代码 <d:col style="width:45" class="display_leftalign" title="选择<input type=\"checkbox\" id=\"checkAll\"/>"> <input type="checkbox" name=&

JS对checkbox全选和取消全选

需求:checkbox控制列表数据全选与取消全选择. 效果图: 1.html <body > <input type="button" name="inputfile" id="inputfile" value="点击导入" onclick="open();"/> <input type="file" id="File1" name=&q

avalon js实现checkbox全选

转载请注明: TheViper http://www.cnblogs.com/TheViper  duplex双工绑定是avalon绑定里面最有趣的一个,因为它在内部帮开发者做了很多事,让开发者写的代码减少,代码更优雅.下面随便演示一个常见的checkbox全选. 要求:(老掉牙了,还是说一下) 1.勾选了全选框后,下面的子选框全被勾选:没勾选全选框,则子选框全部不勾选 2.子选框如果有一个未勾选,则取消全选框勾选: 3.子选框全部勾选,则勾选全选框 <!DOCTYPE html> <h

JS实现购物车全选多选按钮功能

对于JS初学者来说,一个完整的购物车实现还是挺难的,逻辑功能挺多.写出完整功能,能提升不少JS基础,下面实现购物车全选多选按钮功能: 首先HTML及CSS部分: <style> table { border-collapse: collapse; } td { border: 1px solid #000000; width: 100px; height: 30px; text-align: center; } </style> <body> <table>

简单的js反选,全选,全不选

<html> <head> <base href="<%=basePath%>"> <title>My JSP 'check.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" c

js实现CkeckBox全选与反选

function SelectAll(){        var check = document.getElementsByTagName("input"); // 获取所有input标签        var all   = document.getElementById('all'); // 获取全选按钮        if(all.checked){            for(var i=0;i<check.length;i++){                if