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>

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

转载于:https://www.cnblogs.com/jingaier/p/7070640.html

JS实现文本全选并复制相关推荐

HTML，JS禁止鼠标右键、禁止全选、复制、粘贴的方法
禁止鼠标右键.禁止全选.复制.粘贴: oncontextmenu事件禁用右键菜单: js代码: document.oncontextmenu = function(){ event.returnVal ...
经典案例重点案例：点名表，JS正则验证全选、全不选、反选，点击可以实现三个功能，轮播图字符串截取以及替换，图片切换
重点案例: 点击开始点名,框内的名字转动点击结束点名,框内的转动停止,并出现一个随机的学生姓名 <!DOCTYPE html> <html> <head> ...
JS实现购物车全选、不选、反选的功能（十七）
JS实现购物车全选.不选.反选的功能(十七) 这里没有使用购物车啦,不过原理都是一样的啦效果: <!DOCTYPE html> <html lang="en"& ...
selenium中的对文本进行全选，复制，粘贴，剪切和删除的操作
# 键盘全选操作from selenium.webdriver.common.keys import Keysdriver.find_element_by_css_selector('#key-dem ...
原生js做购物车全选选中商品显示价格和小计的计算
html代码 <div class="contain"><table class="table table-bordered">< ...
js+jQuery获取全选并用ajax进行批量删除
今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下. 1.在Repater绑定出放入单选 <input id="chkContentId" name=& ...
Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法
一:Html页面: <table cellpadding="1" cellspacing="1"> <thea ...
Selenium+Python测试键盘操作---全选、复制、剪切、粘贴
''' 键盘操作--将百度搜索的关键字复制到必应中进行搜索 --导入模块from selenium.webdriver.common.keys import Keys --剪切 --复制 ''' fr ...
原生JS项目练习——全选与全不选和反选
目录一.主要功能介绍: 二.JS代码详细步骤解析: JS代码: 三.全部代码: 感谢:@有鱼是只猫提供的视频一.主要功能介绍: 1.用原生JS实现全选:用for循环遍历每一个input,让他全部选 ...

JS实现文本全选并复制

JS实现文本全选并复制相关推荐

最新文章

热门文章