点击突出显示链接

Question

我想创建一个链接，当点击它时，它会打开某种对话框，其中包含一些用户可以复制的文本。

我打算使用jquery ui对话框，但我想知道是否还有其他我应该考虑的内容？

理想情况下，我希望突出显示该文本，以便可以复制。不要以为我可以用jquery对话框来做这个吗？

任何指导都将不胜感激。

Answer 1

试试这个：

HTML：

<div id="dialog">
   <textarea id="textbox">some text to copy and paste</textarea>
</div>​

JavaScript的：

$('#dialog').dialog();
$('#textbox').focus().select();​

这将打开一个对话框，然后选择textarea中的所有文本。由于使用了focus函数，因此当文本已经处于焦点并被选中时，您可以直接按Ctrl + C.

工作演示：http://jsfiddle.net/eZbXD/

Answer 2

您可以显示一个文本框，而不是打开对话框，在该文本框中选择了链接并准备复制。我之前做过类似的事情。看看this fiddle。您可以根据需要删除不必要的代码并提供一些样式。