jq 點選複製div裡面的內容 如果貼上到富文字中,會將樣式,裡面所有的標籤,文字一併貼上進去
阿新 • • 發佈:2018-11-11
<!doctype html> <html> <head> <meta charset="utf-8"> <title>點選複製功能</title> </head> <script src="http://code.jquery.com/jquery-2.0.2.min.js"></script> <style> .popup__bottom__text{ margin-bottom: 10px; } </style> <body> <div class="popup__bottom__text"> <a id="text_1" style="font-size:12px; color:#0066cc;" href="/ueditor/php/upload/file/20181016/1539677909627575.png" title="1539677909627575.png">bbbb.png</a> <a href="javascript:(0)" onclick="tapCopy('text_1')">點我複製</a> </div> <div class="popup__bottom__text"> <a id="text_2" style="font-size:12px; color:#0066cc;" href="/ueditor/php/upload/file/20181016/1539677909627575.png" title="1539677909627575.png">aaaa.png</a> <a href="javascript:(0)" onclick="tapCopy('text_2')">點我複製</a> </div> </body> </html> <script> //複製文字 function tapCopy($id) {
//var $id = $(dom).prev().attr('data_id'); selectText($id); document.execCommand('copy'); alert('複製成功'); } //選中文字 function selectText(element) { var text = document.getElementById(element); //做下相容 if (document.body.createTextRange) { //如果支援 var range = document.body.createTextRange(); //獲取range range.moveToElementText(text); //游標移上去 range.select(); //選擇 } else if (window.getSelection) { var selection = window.getSelection(); //獲取selection var range = document.createRange(); //建立range range.selectNodeContents(text); //選擇節點內容 selection.removeAllRanges(); //移除所有range selection.addRange(range); //新增range /*if(selection.setBaseAndExtent){ selection.setBaseAndExtent(text, 0, text, 1); }*/ } else { alert("複製失敗"); } } </script>