13

私は有名な引用を集めるサイトに取り組んでいます。引用のテキストは他のことをするためのリンクです[...]しかし、私はまた、ユーザーが引用のテキストを選択してコピーできることを望んでいます。

しかし、ほとんどすべてのブラウザで、ユーザーはリンク内のテキストを簡単に選択することはできません。

CSSでこれをオーバーライドして、ユーザーがテキストを選択できるようにすることは可能ですか？

4

7 に答える 7

11

AltFirefox では、キーを押してから通常どおりマウスで選択することにより、ハイパーリンクの一部を選択できます。したがって、1つのオプションは、を使用して同様のものを実装することjQueryです。Altキー（または割り当てたキー）が押され、マウスポインターがリンク上にある場合、リンクを無効にします。キーが離されたら、リンクを有効にします。もちろん、選択方法をユーザーに伝える必要があります。

于 2012-07-19T20:33:13.410 に答える
2

これはレンダリングではなく機能であるため、実際には CSS の仕事ではありません。リンクをクリックすることはリンクをたどることを意味すると考えられており、これを壊すと大きなユーザビリティの問題が発生するため、これは難しい問題です。

最良のアプローチは、引用リンクを作成することを避け、それらと一緒にリンクを別々に使用することです. たとえば、引用の下のクレジット、またはクレジット内の引用されたリソースの名前は、自然なリンクになります。また、クリックして「別のことをする」ことが必要な場合は、リンクではなく、引用に関連付けられたボタンを使用する必要があります。

于 2012-07-19T20:15:51.823 に答える
1

できません。ただし、要素をリンクのように見せて、JS を使用してその「リンク」部分を実際に処理することはできます。

jQuery:

$(".q").click(function() {
    window.location.href=$(this).attr('data-link');
});

HTML:

<span data-link="link.html" class="q">text here</span>

CSS (「ハンド」カーソルを与えるため)

.q {
  cursor: pointer;
}

デモ

引用をテキストだけにして（リンクなし）、最後に小さなリンクを追加して、詳細やその他の情報を表示します.

于 2012-07-19T20:15:27.630 に答える
1

行動喚起リンクのような「ボックス」があり、その主な目的と用途は、ユーザーを新しいページに誘導することだとします。ただし、同様に重要なのは、そのテキストの一部（住所、電話番号、またはあなたの場合は歌詞）を「選択」する手段です。次のようにうまく機能します。

注意点として、「選択可能な」テキスト自体はクリックできません。しかし、繰り返しになりますが、問題にならないテキストを選択する意図がある人にとっては. そのリンクをクリックしようとする他の人にとっては、選択可能なテキストの境界を少し越えてクリックする必要があります。

<!-- See stylized version in CodePen link below -->
<div class="box-link">
  <a href="#" class="box-link__anchor"><span>Apple Park Visitor Centre</span></a>
  <span class="box-link__text">10600 North Tantau Avenue<br />Cupertino, CA 95014</span>
</div>

CodePen へのリンク:

https://codepen.io/mjoanisse/pen/YMNaae

于 2019-04-09T18:55:13.007 に答える
0

いいえ。ただし、大量のテキスト ブロックをリンクに含めるべきではありません。リンクは、段落全体ではなく、1 つか 2 つの単語だけにするのが理想的です。

于 2012-07-19T20:13:32.133 に答える
0

サイトの動作を見てみないとわかりませんが、問題はリンク タグに引用以外のものが含まれていることだと思います。

リンクが「To be or not to be -- それが問題です」と表示されている場合、それを選択することは、他の質問を選択することと同じです。リンクが「これは素晴らしい引用です: 'To be or not to be--それが問題です。ここをクリックして何か他のことをしてください!」そうすれば、彼らは真ん中のテキストを選択することができなくなります。

リンクテキストが選択したいテキストのみであることを確認し、タグの外側に何かを入れれば問題ありません.

于 2012-07-19T20:16:24.927 に答える