点击复制按钮使用javascript

bjp0bcyl  于 2023-04-19  发布在  Java
关注(0)|答案(1)|浏览(144)

我试图点击复制按钮上的编辑器使用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>

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

xhv8bpkk

xhv8bpkk1#

根据Froala编辑器,你不需要手动处理自定义按钮点击事件。你可以使用它的方法,如DefineIconRegisterCommand来添加按钮。
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查看更多信息

相关问题