如何使用 onclick html 按钮复制文本？

Question

I create my own portfolio website, on the navigation bar, there is my email. I want anybody cliking on this email will copy it to the clipboard. That's what i tried but it's not working !

<button onclick="copy()" id="copy">Copy</button>

function copy() {
var copyText = document.querySelector("#copy"); 
copyText.select(); document.execCommand("copy");}
document.querySelector("#copy").addEventListener("click", copy);

Answer 1

Note that there is an ability to "request permission" and test for access to the clipboard via the permissions API in Chrome 66.

var text = "text to be copied"
navigator.clipboard.writeText(text).then(_ => {
  console.log('copied successfully!')
})

Answer 2

Buttons do not have a select method, text boxes do.
You can use a text input to hold the email address to copy to the clipboard.

 function copy() { var copyText = document.querySelector("#email"); copyText.select(); document.execCommand("copy"); } document.querySelector("#copy").addEventListener("click", copy);

 input {margin:-100%}

 <button onclick="copy()" id="copy">Copy</button> <input id=email value="email@so.com">

Buttons do not have a select method, textboxes have it.

Answer 3

Better do with a simple for, in this situation, like this:

 const scrollPosition = 5007; const errorsHeight = [947, 2498, 3495, 4805, 5755]; let errorIdx = -1; for (let i = 0; i < errorsHeight.length; i++) if((errorIdx === -1 && errorsHeight[i] < scrollPosition) || (errorIdx >= 0 && errorsHeight[i] < scrollPosition && errorsHeight[i] > errorsHeight[errorIdx])) errorIdx = i; console.log(errorIdx) //3

Hope this helps. ;D