zoukankan      html  css  js  c++  java
  • js如何实现复制粘贴功能

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>target-input</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <!-- 1. Define some markup -->
        <p id="foo">门前大桥下,游过一群鸭</p>
        <button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button>
    
        <!-- 2. Include library -->
        <script src="../dist/clipboard.min.js"></script>
    
        <!-- 3. Instantiate clipboard -->
        <script>
        var clipboard = new Clipboard('.btn');
    
        clipboard.on('success', function(e) {
            console.log(e);
        });
    
        clipboard.on('error', function(e) {
            console.log(e);
        });
        </script>
    </body>
    </html>

    点击复制按钮可以复制P标签里面的内容,插件来自:https://clipboardjs.com/里面有demo下载

    手机上测试也可以正常复制粘贴

  • 相关阅读:
    pymysql
    表查询
    元类
    外键约束
    Mysql知识
    C# windows服务的创建与调试
    JQuery随笔
    jQuery插件开发
    http post和put区别
    NPOI
  • 原文地址:https://www.cnblogs.com/wangbei2016/p/7698665.html
Copyright © 2011-2022 走看看