「自学哈网」HTML前端如何复制指定标签中的文本——完整代码分享
也想出现在这里?
联系我们吧
HTML前端如何复制指定标签中的文本——完整代码分享
本文介绍HTML前端复制指定标签内文字-完整代码,主要包括HTML前端复制指定标签内文字-完整代码使用示例、应用技巧、基础知识点总结及注意事项,具有一定的参考价值,有需要的朋友可以参考一下。
前端复制指定标签中的文本
<tr>
<td>URL(服务器地址)</td>
<td class="apiUrl"><span id="apiUrl">{$mp.url}</span><span class="tip1 rha-bt-a"></span></td>
<td><a href="javascript:;" rel="external nofollow" onclick="BtnClick('apiUrl','.tip1')" class="rha-bt-a">复制</a></td></tr>
<script type="text/javascript"> function copyText(text) { var textarea = document.createElement("textarea"); var currentFocus = document.activeElement; document.body.appendChild(textarea);
textarea.value = text;
textarea.focus(); if (textarea.setSelectionRange)
textarea.setSelectionRange(0, textarea.value.length); else
textarea.select(); try { var flag = document.execCommand("copy");
} catch (eo) { var flag = false;
} document.body.removeChild(textarea);
currentFocus.focus(); return flag;
} function BtnClick(name,tip) { var a = document.getElementById(name).innerHTML; var flag = copyText(a);//这个必须在DOM对象的事件线程中执行
var textlog = flag ? "复制成功!" : "复制失败!"; //展示后2秒消失
$(tip).fadeIn();
$(tip).insertAfter($(tip)).html(textlog).fadeOut(2000);
};</script>
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」HTML前端如何复制指定标签中的文本——完整代码分享
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」HTML前端如何复制指定标签中的文本——完整代码分享
也想出现在这里?
联系我们吧