jquery - 允许用户选择和复制 Bootstrap 按钮标签

Question

想让用户选择和复制bootstrap 按钮标签。它应该像一个标签。根据这个question无法在 Bootstrap 对话框页脚中使用标签。怎么做？

 <button type="button" class="btn btn-default">sample@yahoo.com</button>

Answer 1

从用户体验的 Angular 来看，我不明白您为什么要这样做。我的意思是，按钮用于号召性用语。复制文本时，号召性用语应该发生还是不发生？我认为您最好使用文本元素或段落来复制文本。

然而，有多种方法可以使按钮中的文本可选择。这是我通过将文本字段放入按钮中制作的一个简单示例。

https://jsfiddle.net/o8eze0d2/

您可以通过添加按钮的点击来禁用选择文本时的按钮操作

if (event.target === this)

或者通过在执行 a 的文本字段上添加 onmousedown 监听器调用

event.stopPropagation();