js 长按二维码复制链接

在JavaScript中，实现长按二维码复制链接的功能可以通过以下步骤来完成：

1. 首先，你需要在HTML中添加一个二维码和一个容纳该链接的文本框，例如：

<input type="text" id="link" value="https://example.com" readonly>
<img src="qrcode.png" alt="QR Code" id="qrcode">

2. 然后，在JavaScript中获取到相关元素的引用，例如：

const linkInput = document.getElementById("link");
const qrCodeImg = document.getElementById("qrcode");

3. 接下来，你需要添加长按事件监听器，当用户长按二维码时，触发复制链接的操作，例如：

qrCodeImg.addEventListener("touchstart", function(event) {
  event.preventDefault();
  longPressTimer = setTimeout(copyLink, 1000);
});

qrCodeImg.addEventListener("touchend", function(event) {
  clearTimeout(longPressTimer);
});

function copyLink() {
  linkInput.select();
  document.execCommand("copy");
}

4. 最后，你还需要使用CSS样式设置二维码和文本框的样式，以便在页面中呈现，其中重点是确保二维码是可长按的，例如：

#qrcode {
  touch-action: none;
}

#link {
  width: 300px;
  height: 30px;
}

通过以上步骤的实现，当用户长按二维码时，链接将会被复制到剪贴板中，并可以在文本框中进行查看和粘贴操作。