javascript怎么实现复制功能?

2019-08-14 来源:互联网

JavaScript中可以使用document.ExecCommand("copy")命令实现复制功能。可以在JavaScript中设置好要复制的内容,通过点击按钮选中内容进行复制。

javascript怎么实现复制功能?

JavaScript实现复制功能:


<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

function copyLink(){

    var e = document.getElementById("copy");

    e.select(); // 选择对象

    document.execCommand("Copy"); // 执行浏览器复制命令

    alert("内容复制成功!");

}

</script>

</head>

<body>

<textarea id="copy">待复制的内容</textarea>

<input type="button" onclick="copyLink()" value="点击复制"></input>

</body>

</html>

execCommand()


语法:


document .execCommand(aCommandName,aShowDefaultUI,aValueArgument)


参数:


aCommandName:指定要执行的命令的名称。


aShowDefaultUI:指示是否应显示默认用户界面。


aValueArgument:对于需要输入参数的命令,是DOMString提供该信息。例如,insertImage需要插入图像的URL。指定null是否不需要参数。


命令:


backColor:更改文档背景颜色。在styleWithCss模式下,它会影响包含块的背景颜色。这需要将<color>值字符串作为值参数传入。请注意,Internet Explorer使用它来设置文本背景颜色。


bold:为选择或插入点切换粗体开/关。Internet Explorer使用<strong>标记而不是<b>。


copy:将当前选择复制到剪贴板。启用此行为的条件因浏览器而异,并且随着时间的推移而发生变化。检查兼容性表以确定是否可以在您的情况下使用它。


本文关键词:

本文均为荣益互联摘自权威资料,书籍,文章,或来自网络,如有版权纠纷或违规问题,请联系我们删除。我们欢迎您的分享,谢绝直接抄袭复制。感谢…

关注格度视觉