如何编写一个HTML片段，每次双击它时在段落中复制文本？

我想写一个片断得到如下的内容：如何编写一个HTML片段，每次双击它时在段落中复制文本？

（开始）：文本

（一个双击后）文本文本

（后两个双点击）文字文字文字文字

（三次双击后）文本文本文本文本文本文本文本文本

我的代码只允许我复制一次，当我双击它。每当我双击它时如何使它重复？请帮忙！！谢谢！

<!DOCTYPE html> 
<html> 
<body> 

<p>This is a paragraph.</p> 
<button ondblclick="myFunction()">Click me!</button> 
<div id="results"></div> 

<script> 
function myFunction(){ 
    var str = "This is a paragraph."; 
    var res = str.concat(str); 
    document.getElementById("results").innerHTML = res; 
} 

</script> 
</body> 
</html>

来源

2017-02-18 Amber Flynn

像这样：

https://jsfiddle.net/2pzmo58t/1/

而不是使用.innerHTML的，你会使用.append()。

来源

2017-02-18 03:38:23 user6003859

您的函数在每次调用函数时都覆盖div（#results）的内容 - 因此只能有一个double语句 - 所以您需要获取当前文本 - 添加新的文本，并将innerHTML设置为该组合值。

function myFunction(){ 
 
    var str = "This is a paragraph."; 
 
    var res = str.concat(str); 
 
    var currentText = document.getElementById("results").innerHTML; 
 
    document.getElementById("results").innerHTML = currentText + res; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
    <p>This is a paragraph.</p> 
 
    <button ondblclick="myFunction()">Click me!</button> 
 
    <div id="results"></div> 
 
</body> 
 
</html>

来源

2017-02-18 03:38:32 gavgrif

谢谢！我非常感谢你的帮助。 –

不客气 - 很乐意提供帮助。如果此解决方案解决了您的问题 - 请点击接受的复选框，以便其他用户知道问题已解决。快乐编码:) – gavgrif

如何编写一个HTML片段，每次双击它时在段落中复制文本？

回答

相关问题