如何使用ClipboardJS复制HTML中所有Input标签的内容?

时间:2019-09-16 11:37:27

标签: clipboard.js

因此,我目前正在为Apple的Shortcuts App构建宏。当我在内部构建此HTML时,遇到一个问题,出于某种原因,我无法弄清楚如何使用Clipboard.js复制文本

https://www.icloud.com/shortcuts/435b6df7895c4241804f5487ac795942

以下代码支持Cliboard.JS,但实际上没有作用

我要做的是将输入标签的所有文本字段(带有ID“ test”和“ test2”的文本)复制到剪贴板。并尽可能将其作为JSON或XML文件。

假设<script type="text/javascript">clipboard.js</script> <script type="text/javascript">JQuery</script> 这些行包含jquery和剪贴板的库

谢谢

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>constructor-nodelist</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">clipboard.js</script>
<script type="text/javascript">JQuery</script>
<body>
    <!-- 1. Define some markup -->
    <input id="test" type="text">
<input id="test2" type="text">
    <button data-clipboard-target="textarea">Copy</button>

    <!-- 3. Instantiate clipboard by passing a list of HTML elements -->
    <script>
 //document.write(ClipboardJS.isSupported());
    new ClipboardJS('.btn', {
    text: function(trigger) {
         var a = document.getElementById('#test').value;
        var b = document.querySelector('#test2').value;
        var c = a+b;
        return c;
    }
});
    </script>
</body>
</html>

0 个答案:

没有答案