Jq将字符串复制粘贴到剪贴板
生活随笔
收集整理的這篇文章主要介紹了
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>
<!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>
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/LMJBlogs/p/10281156.html
總結
以上是生活随笔為你收集整理的Jq将字符串复制粘贴到剪贴板的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： (SQLlite3 Source Cod
- 下一篇： Ngui之UI框架的层级处理