在html页面通过js实现复制粘贴功能


前言:要实现这个功能,常用的方式大概分为两类,第一种就是上插件,这个网上有大把,第二种就是直接用几行JS来实现。

这次说第二种实现方式,这方式有很大的局限性,只能用表单元素,并且不能设置disabled属性,但是方式也是最简单的,下面直接看代码

 

<!DOCTYPE html>
<html>
<head>
    <title>eee</title>
</head>
<body>
<input id="test" type="text" name="" value="this is test.">

<button onclick="Copy()">点击这个按钮就会复制上面input的内容</button>
</body>
<script type="text/javascript">
    function Copy() {
        var content = document.getElementById('test');
        content.select();
        document.execCommand('Copy');
        alert('复制成功');
    }
</script>
</html>

 

结果如下:

 

点击按钮后会选中input框中的内容,后面直接右键粘贴就行

以上就是第二种方式实现的粘贴复制功能

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM