JS实现文本全选并复制

Posted 锅盖er

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>    

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

以上是关于JS实现文本全选并复制的主要内容,如果未能解决你的问题,请参考以下文章

javascript input / textarea onfocus全选并复制到剪贴板

vim 全选并复制到系统剪切板

vue3+elementUI封装一个下拉多选并可以全选的功能

vue3+elementUI封装一个下拉多选并可以全选的功能

html 多选框 如何用js 控制全选 并且一键复制选中的多项值到剪贴板

js、jq实现获取当前页面光标选中的一段文本,然后复制到剪切板