【高分】javascript如何复制网中的选中内容

发布时间:2024-05-16 00:58 发布:上海旅游网

问题描述:

我想写这么一个html文件,利用javascript完成如下功能:
1、可以复制选中的文字到剪贴板(用按钮控制)
2、这些要选中的内容可以自定义,也就是说需要一个文本输入框,从输入框中选择其中的一部分文字进行复制
3、在复制之后自动在复制的字符两端添加自定义字符并复制到剪贴板,自定义字符可以由输入框输入,分为前段和后端两个
高分,不知是否有高手可以完成?先谢谢各位了
功能已经完美实现,我现在想把那个输入内容的单行输入框改成可以输入多行字符的文本输入框应该怎么弄?请帮忙解答一下,谢谢

问题解答:

前缀<input type="text" size="5" id="beforeStr"><br>
内容<input type="text" size="50" id="text1"><br>
后缀<input type="text" size="5" id="afterStr">
<input type="button" value="复制到剪贴板" onclick="copyToClipBoard();">
<script language="javascript">
function copyToClipBoard(){
var clipBoardContent='';
clipBoardContent+=beforeStr.value+cp()+afterStr.value;
window.clipboardData.setData("Text",clipBoardContent);
alert(clipBoardContent+" 已经复制的剪贴板,请确认!");
}
function cp(){
var g;
if(document.all){
g = document.selection.createRange().text;
}else{
g=document.getSelection();
}
return g;
}

</script>

/***很简单,就句:
*
* 获取已经被选择的内容
*/
var selectedText = window.getSelection ? window.getSelection() : document.selection.createRange().text||false;

/* 复制到剪贴板 */
if(window.clipboardData)
{
window.clipboardData.setData('text', selectedText);
}else{
alert("您的浏览器不支持复制");
}

网上应该有的,曾经很多网站,点个按钮就复制了,搜索下

打个标记。。。等高手来

热点新闻