Question

我有以下示例代码：

<a href="http://example.com">
   <p>...</p>
   <img src="" />
</a>

需要能够复制p代码中的文字。我p内的img和a无法选择的问题。

我需要这个HTML结构，因为用户应该能够从该块复制链接。我怎么能这样做？

Answer 1

如果您开始从鼠标外部拖动鼠标，则可以复制链接。

如果您想要更自然的感觉，可以为用户提供复制此链接按钮，并让JavaScript为他复制。

Answer 2

也许您可以在链接后附加文本输入，只是第一次点击。

<强> Demo

HTML：

<a href="http://example.com" class="selectable">
   <p>...</p>
   <img src="" />
</a>

jQuery的：

$('.selectable').one('click',function(ev){
    ev.preventDefault();
    var el = $(this);
    var txt = el.find('p').text();
    $('<input type="text" value="'+txt+'" style="display:block">')
            .insertAfter(el)
            .select();
});

无法选择标记内的文本

2 个答案: