复制到剪贴板功能

时间:2014-07-08 19:36:08

标签: javascript jquery html forms

我正在尝试使用“复制到剪贴板”功能创建一个包含多个字段的表单。 这是我公司的内联网,它适用于旧版本的IE。 我有一个表单元素的代码。我想要多个表单元素。

我的代码示例:

    <head>
    <script type="text/javascript">
        function CopyToClipboard () {
            var input = document.getElementById ("toClipboard");
            window.clipboardData.setData ("Text", input.value);
        }
        function ShowClipboardContent () {
            alert (window.clipboardData.getData ("Text"));
        }
        function ClearClipboard () {
            window.clipboardData.clearData ("Text");
        }
    </script>
</head>
<body>
    <input id="toClipboard" value="text to clipboard"/>
    <button onclick='CopyToClipboard ()'>Copy text to clipboard</button>
    <br /><br />
    <button onclick='ShowClipboardContent ();'>Show text data in clipboard</button>
    <button onclick='ClearClipboard ();'>Clear text data from clipboard</button>
</body>

我想要的是拥有多个字段,例如:   - 文本字段1   - 文本字段2   - 文本字段3

下面是复制到剪贴板按钮。我没有必要的知识来处理多个表单元素,所以任何帮助将不胜感激:)

如果有一种方法可以将我的文本复制到剪贴板中,它会像这样显示(带有一些行----):


|文字字段1 |在表单字段中输入的文本


|文本字段2 |插入剪贴板区域的文本


|文本字段3 |插入剪贴板区域的文本


非常感谢。

0 个答案:

没有答案