单击时橱柜复制了错误的文本

Question

当我第一次点击复制按钮时，我得到空白第二次是我最后一次点击按钮在警惕的情况下，我在 #emp_ext#.

之前也得到了很多黑色 space

为什么会这样反应？

我只希望它能在 IE9 上运行。

<SCRIPT LANGUAGE="JavaScript">
function ClipBoard(areatocopy) 
{
alert (holdtext.innerText);
holdtext.innerText = areatocopy.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}
</SCRIPT> 
<TEXTAREA ID="holdtext" STYLE="display:none;">
</TEXTAREA>

<cfif #Left(getAllDetails.emp_ext, 4)# eq '4643'>
    <div class="buttons">#emp_ext#
        <BUTTON onClick="ClipBoard(z#emp_ext#);"> <img src="copy-icon.png" alt=""/>  </BUTTON> 
            <pre id="z#emp_ext#" style=" display:none">
            #emp_ext#
            </pre>
    </div>
<cfelseif #Left(getAllDetails.emp_ext, 1)# eq '5'>

    <div class="buttons">655-emp_ext#
        <BUTTON onClick="ClipBoard(z#emp_ext#);"> <img src="copy-icon.png" alt=""/>  </BUTTON> 
            <pre id="z#emp_ext#" style=" display:none">
                #emp_ext#
            </pre>
    </div>
<cfelse #Left(getAllDetails.emp_ext, 1)# eq '6'>

    <div class="buttons">#emp_ext#
        <BUTTON onClick="ClipBoard(z#emp_ext#);"> <img src="copy-icon.png" alt=""/>  </BUTTON> 
            <pre id="z#emp_ext#" style=" display:none">
                #emp_ext#
            </pre>
    </div>
</cfif>

Answer 1

调用前临时显示textarea execCommand():

function copyText(valueToCopy) 
{
    var holdtext = document.getElementById("holdtext");
    holdtext.innerText = valueToCopy;
    var range = holdtext.createTextRange();
    holdtext.style.display = "block";
    range.execCommand("Copy");
    holdtext.style.display = "none";
}

<textarea id="holdtext" style="display:none;"></textarea>

<div class="buttons">
    <button onclick="copyText('abc');">&#x29c9; abc</button> 
    <button onclick="copyText('123');">&#x29c9; 123</button> 
</div>
<div>
    Paste here to test if it worked:
</div>
<div>
    <textarea></textarea>
</div>

单击时橱柜复制了错误的文本

Cipboard is copying the wrong text when click

javascript

internet-explorer