0

次のサンプルコードがあります。

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

pタグからテキストをコピーできる必要があります。pimgaと選択できない問題。

ユーザーはそのブロックからリンクをコピーできるはずなので、まさにこの HTML 構造が必要です。どうやってやるの?

4

2 に答える 2

-1

最初のクリックだけのために、リンクの後にテキスト入力を追加できるかもしれません。

デモ

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();
});​
于 2012-10-12T10:00:54.823 に答える
-1

リンクの外側からマウスをドラッグすると、リンクをコピーできます。

より自然な感覚が必要な場合は、ユーザーに[このリンクをコピー] ボタンを提供し、JavaScript でユーザーに代わってそれをコピーさせることができます。

于 2012-10-12T09:56:48.933 に答える