无法选择一个标签

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(); 
});​