examples/copy-or-select-dom.html

<!DOCTYPE html>
<html>
<head>
    <title>Copy or select DOM - simple-copy.js</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
    <h1>Copy or select DOM - simple-copy.js</h1>

    <div class="foo">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ullamcorper ex et tempus placerat.
    Nulla quis tortor dui. Curabitur finibus magna a tortor fermentum, eu hendrerit lorem congue.
    Nam non enim ac eros ultricies ullamcorper. Sed porttitor ligula ex, iaculis dictum leo blandit sed.
    Maecenas eu vestibulum felis, eu <strong>clipboard</strong> urna. Duis varius mi libero, sed vulputate lorem laoreet et.
    Sed eleifend iaculis congue. Sed non mattis nulla. Suspendisse dignissim neque urna, quis porta metus molestie tristique.
    Integer id nulla tortor. Curabitur odio metus, aliquet ac malesuada <i>copy</i>, porta pretium risus.
    Aenean sit amet lobortis quam, sit amet congue sapien.
    Pellentesque habitant morbi tristique senectus et netus et <s>Flash</s> fames ac turpis egestas.
    Fusce pulvinar fermentum ligula scelerisque interdum.
    </div>

    <div class="foobar">
        <button class="copy-btn">Copy</button>

        <code class="source">
        <p>var element = d.querySelector(".foo");</p>
        <p>SimpleCopy.copy(element);</p>
        </code>
        <hr>

        <button class="select-btn">Select</button>

        <code class="source">
        <p>var element = d.querySelector(".foo");</p>
        <p>SimpleCopy.select(element);</p>
        </code>
    </div>

    <div class="paste-here">
        <div contenteditable="true"></div>
    </div>

    <link rel="stylesheet" type="text/css" href="example.css">
    <script type="text/javascript" src="../simple-copy.min.js"></script>
    <script type="text/javascript">
    (function (d) {
        d.querySelector(".copy-btn").onclick = function () {
            var element = d.querySelector(".foo");
            SimpleCopy.copy(element);
        };

        d.querySelector(".select-btn").onclick = function () {
            var element = d.querySelector(".foo");
            SimpleCopy.select(element);
        };
    })(document);
    </script>
</body>
</html>