无法将文本复制到剪贴板

Question

I want to copy some text that is written to the clipboard.

I created the following function:

function copyTextToClipboard(){
 document.getElementById("contactsInfo").select();
 document.getElementById("contactsInfo").setSelectionRange(0, 99999)
 document.execCommand("copy");
}

That is called when the user clicks on the element:

document.getElementById("contactsInfo").addEventListener("click", ()=>{
 copyTextToClipboard();
})

The element in HTML:

<div class="information-container">
 <p id="contactsInfo">Email: allab.di@ubi.pt</p> 
 <p id="contactsInfo">Phone: +310961810340</p>
 <p id="contactsInfo">Street: Bolama</p> 
</div>

It isn't copying it though, what is the problem?

Answer 1

I want to copy some text that is written to the clipboard.

I created the following function:

function copyTextToClipboard(){
 document.getElementById("contactsInfo").select();
 document.getElementById("contactsInfo").setSelectionRange(0, 99999)
 document.execCommand("copy");
}

That is called when the user clicks on the element:

document.getElementById("contactsInfo").addEventListener("click", ()=>{
 copyTextToClipboard();
})

The element in HTML:

<div class="information-container">
 <p id="contactsInfo">Email: allab.di@ubi.pt</p> 
 <p id="contactsInfo">Phone: +310961810340</p>
 <p id="contactsInfo">Street: Bolama</p> 
</div>

It isn't copying it though, what is the problem?