点击复制按钮使用javascript

bjp0bcyl 于 2023-04-19 发布在 Java

关注(0)|答案(1)|浏览(143)

我试图点击复制按钮上的编辑器使用Javascript的自动化目的，但文本不存储在剪贴板
尝试以下代码

const button = document.getElementById("copy-1");
button.click();

和

const button = document.getElementById("copy-1");
   const event = new Event("click");
   button.dispatchEvent(event);

HTML代码

<button id="copy-1" type="button" tabindex="-1" role="button" class="fr-command fr-btn" data-cmd="copy" data-title="Copy" style="outline: 1px solid blue;">
    <froalacopy_button class="hoverable"><i class="fas fa-copy"></i></froalacopy_button><span class="fr-sr-only">Copy</span>
</button>

我也试着直接复制，但复制的文本没有格式化

JavaScript

来源：https://stackoverflow.com/questions/76040276/click-on-copy-button-using-javascript

1条答案

按热度按时间

xhv8bpkk1#

根据Froala编辑器，你不需要手动处理自定义按钮点击事件。你可以使用它的方法，如DefineIcon和RegisterCommand来添加按钮。
在RegisterCommand中，您将获得callback方法，该方法将处理该按钮的onclick event。

FroalaEditor.DefineIcon('insert', {NAME: 'plus', SVG_KEY: 'add'});
FroalaEditor.RegisterCommand('insert', {
  title: 'Copy the selected text',
  focus: true,
  undo: true,
  refreshAfterCallback: true,
  callback: function () {
    document.execCommand("copy");
  }
});

您可以从here查看更多信息

赞(0）回复(0）举报 2023-04-19

我来回答

点击复制按钮使用javascript

1条答案

相关问题

热门标签

最新问答