jQuery点击按钮复制文本内容

最新推荐文章于 2024-07-26 03:35:23 发布

心灵的制造商

最新推荐文章于 2024-07-26 03:35:23 发布

阅读量1.4k

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/DJCBPL/article/details/130390545

版权

该段代码展示了一个HTML结构，包含一个树形选择器(tree-select)和一个复制按钮。当点击复制按钮时，JavaScript函数被触发，用于选取并复制树形选择器中的文本值到剪贴板。代码利用了document.getElementById，document.execCommand(copy)等方法来实现复制功能。

摘要由CSDN通过智能技术生成

点击按钮复制文本类容

<tree-select id="resDepartId_form"  name="resDepartId" class='col-input noSolbarTree'ng-model="formDataMain.resDepartId"  ztree-data="resOrgObjData"chk-style="radio" correlate="false" ng-readonly="operation == 'operDetail'" select-key="longName" ng-required='true'></tree-select>
<div class="btnCopy" id="suoshubumen" title="复制">
	<i class="fa fa-copy"></i>
</div>

<script type="text/javascript">
                $(document).ready(function(){
                  $("#btnCopy").click(function(){
                      //var valId = document.getElementById("resDepartId_form");
                      //var textCont = valId.getAttribute("value")
                      //var textValee = valId.select();
                      //console.log('文本信息：'+textValee)

                      //var text = document.getElementById("resDepartId_form");
                      //var textCont = text.getAttribute("value");

                      //console.log('valIdvalIdvalIdvalId：'+textCont)

                      //$('#resDepartId_form').val(textCont).select();
                      //document.execCommand('Copy');
                      // $.copy(textCont);


                      var text = document.getElementById("resDepartId_form");
                      var textCont = text.getAttribute("value");
                      console.log('valIdvalIdvalIdvalId：'+textCont)
                      var $temp = $('<input>');
                      $('body').append($temp);
                      $temp.val(textCont).select();
                      document.execCommand('copy');
                      $temp.remove();
                      alert('复制成功1！');

                  });

                });
                </script>