當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jquery 复制

發布時間：2024/7/5 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery 复制小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Jq將字符串復制粘貼到剪貼板

? 第一種：自己測試時只適合于input 和textarea 但是針對于其他標簽的復制就不能用了。代碼如下： <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta charset="utf-8" /></head><body><input id="daima" value="11111">11111</input><input type="button" id="Copy" value="點擊復制代碼" /></body></html> <script src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript">$("#Copy").click(function() {var copyText = $("#daima")；//獲取對象copyText .select();//選擇document.execCommand("Copy");//執行復制　　　　alert("復制成功！"); })</script>

上述代碼如果為了美觀需要寫一部分代碼進行處理輸入框的樣子；但是個人感覺要比第二種的代碼要少一部分。

第二種：適用所有的標簽，進行把內容傳遞到創建的input對象當中，進行處理復制的操作，相比第一種要寫不少js。測試代碼如下：
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><meta charset="utf-8" /></head><body><span id="daima">11111</span><input type="button" id="Copy" value="點擊復制代碼" /></body></html> <script src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript">$("#Copy").click(function() {var ssrsss = $("#daima").text();//獲取文本var flag = copyText(ssrsss); //傳遞文本alert(flag ? "復制成功！" : "復制失敗！");})function copyText(text) {var textarea = document.createElement("input");//創建input對象var currentFocus = document.activeElement;//當前獲得焦點的元素document.body.appendChild(textarea);//添加元素textarea.value = text;textarea.focus();if(textarea.setSelectionRange)textarea.setSelectionRange(0, textarea.value.length);//獲取光標起始位置到結束位置elsetextarea.select();try {var flag = document.execCommand("copy");//執行復制} catch(eo) {var flag = false;}document.body.removeChild(textarea);//刪除元素currentFocus.focus();return flag;} </script>

轉載于:https://www.cnblogs.com/chargeworld/p/10885195.html

總結

以上是生活随笔為你收集整理的jquery 复制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

jquery