• 在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框中的内容,后面直接右键粘贴就行

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

  • 相关阅读:
    EMC研究院电面记
    被百度放了鸽子
    最长严格递增子序列算法
    括号配对问题
    RTP 协议
    C++ 纯虚函数, 记上一笔!
    一年又一年
    direct3d Colorkey 应用.
    CEGUI 中文输入与显示
    被遗忘的C,记录一笔
  • 原文地址:https://www.cnblogs.com/chenhaoyu/p/9247103.html
Copyright © 2020-2023  润新知