在 clipboard.js 中复制到剪贴板的小警报

Question

我的页面中有一个电子邮件地址，我希望当用户点击它时，电子邮件地址将被复制到剪贴板并带有小警报（如附件），它会在靠近的小标签中显示用户它复制到剪贴板的框，

我用 https://clipboardjs.com/ 来实现我的目标。 它很好地复制到剪贴板，但问题是它没有向用户显示它在点击后复制到剪贴板，

如果需要我的代码：

javascript

  new Clipboard('.btn');

html

<button class="btn" data-clipboard-text="test@test.com">
                        test@test.com
</button>

感谢任何建议

Answer 1

实际上，工具提示不是 clipboard.js 的一部分。如果查看页面的源代码，可以看到在 demo.js 中添加并配置了 tooltip.js。

您需要做的就是像演示页面一样添加工具提示库或函数，然后在单击按钮时使用它。

希望对您有所帮助。