javascript怎么实现复制功能?

2019-08-14 16:39:00 2885 3 编辑:深正互联 来源:互联网

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


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通