jquery复制内容的方法
墨初 Web前端 589阅读
说一个利用jquery来复制内容的方法,大家可以参考一下。
jquery复制内容的方法
例:
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <textarea name="" id="txtContent" ></textarea> <span class="btnCopy">点击复制text里面的值</span> <script> //复制文本内容 $('.btnCopy').on('click', function(){ var content = $('#txtContent').val(); var $temp = $('<textarea>'); $('body').append($temp); $temp.val(content).select(); document.execCommand('copy'); $temp.remove(); }); </script>
注:
1、先用js获取一个指定输入框中的值
2、利息js创建一个<textarea>输入框,并将获取到的内容放到到<textarea>中
3、select()选中<textarea>中的内容
4、执行js中的复制操作