English 中文(简体)
传真和javascript 触发纸张登上
原标题:HTML id with javascript to trigger a write to clipboard

当我管理这一文字(载于超文本页)时,G isn t copied to the clip板。 谁能帮助/解释为什么并协助我工作? 感谢。

document.getElementById("blah3");
let s ="GG";
navigator.clipboard.writeText(s);
问题回答

同评论中的联系一样,为了安全原因,你需要向用户行动附上一张纸张。 通常,你们要让用户点击ton子,并为之增加活动听众。

function writeToClipboard() {
  navigator.clipboard.writeText( GG );
}

document.querySelector( #my-button ).addEventListener( click , writeToClipboard)

DISCLAIMER: THE FOLLOWING IS FOR EDUCATIONAL PURPOSES. PLEASE DO NOT TRY TO DODGE SECURITY FEATURES.

如果你真的想对安全进行him笑,你可以做一些令人怀疑的事情。

在用户做一些事情并取得成功之前,你可以随时书写。 使用时间,将防止read子阻挡。 最好在投票前再等几颗ms,以免使万国邮联 br倒。

function tryToWrite() {
    navigator.clipboard.writeText( GG ).catch(() => setTimeout(tryToWrite, 50));
}

tryToWrite();

或可附上可能发生的情况

let wrote = false;

function writeToClipboard() {
  if (wrote) return;
  navigator.clipboard.writeText( GG ).then(() => wrote = true);
}

window.addEventListener( focus , writeToClipboard, {once: true});
window.addEventListener( mousedown , writeToClipboard, {once: true});
window.addEventListener( keydown , writeToClipboard, {once: true});

在你能够书写之前,你总是限于与网页互动的用户。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签