Question

我正在使用以下代码自动复制所选文本：

function copy(elem){
    if($(elem).text()){
        var dummy = document.createElement("textarea");
        document.body.appendChild(dummy);
        dummy.value = $(elem).text();
        dummy.select();
        document.execCommand("copy");
        document.body.removeChild(dummy);
    }else{
        input  = $(elem).val();
        elem.select();//Select the text in the input element 
        document.execCommand('copy');//copy it 
    }



    $(elem).next().text('discount code has been copied);
    setTimeout(function(){$(elem).next().text('');}, 2000);//
}

`

关于该代码，我有两个问题：

如果我想在帖子中使用它，请在文本编辑器中添加以下代码：<p class="kod-rabatowy" onclick="copy(this)">example text that needs to be copied</p>。关键是整个脚本只能与<p>标签一起使用-我确实需要在同一行中显示文本。我如何使其也可以与其他标签一起使用（<b>会很完美）？
1. 如何将类添加到整个脚本中，以便可以对表示已复制代码的文本进行样式设置？在这里，您可以看到它现在的工作方式：http://test2.gromocje.pl/?p=21（单击“测试”按钮，然后将其复制）。

Answer 1

看起来可以正常使用（我不了解Wordpress帖子）：https://jsbin.com/yoropunebu/edit?html,css,js,output

我还添加了您想要的课堂内容：

    $(elem).next().addClass("copied-response").text('discount code has been copied');

如何使代码与其他标签一起使用并为其添加类？

1 个答案: