显示输入然后将输入添加到剪贴板ie11

时间:2016-01-12 16:20:48

标签: javascript jquery html

这是我到目前为止的代码。我有一个显示用户输入的功能和一个单独的功能来复制文本到剪贴板。我想做的是用户输入并输入然后将该输入复制到剪贴板后显示。



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");
}

function showInput() {
    var message_entered =  document.getElementById("user_input").value;

    document.getElementById('display').innerHTML = message_entered;
}

<body>
    <form>
        <label><b>Enter a Message</b></label>
        <input type="text" name="message" id="user_input">
    </form>

    <input type="submit" onclick="showInput();"><br />
    <label>Your input: </label>
    <p><span id='display'></span></p>

    <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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

=

你错过了showInput函数的最后一行。我为你添加了它......