リンクを張っても文字を選択できるようにしたい

Question

リンクについての質問です。
aタグやdivなどにリンクにすると文字をコピーしようとしたりして選択するとき下記の画像の右側のようにリンク先のタイトルとURLが表示されて、文字が選択できない状態になってしまいます。
左の写真のようにTwitterなどではdivをクリックするとリンク先に飛べかつ、文字も選択できる状態なのですがこれはどのように実装するのでしょうか。
Twitterのソースを見たところaタグがなくJavaScriptで実装しているようなのですが、いろいろ調べても実装の方法がわからず困っています。
詳しい方教えていただけると幸いです。

Answer 1

例にあげられているTwitterのコードに関してですが、
キャプチャの左にはaタグがありませんが、右にはあります。

Chromeの場合、左下にURLが表示されればaタグが使われています。

ブラウザの仕様で、aタグ要素上でドラッグしても選択ができません。
「Altを押しながらドラッグして選択」という方法で選択します。
（ブラウザや環境によって差があるかもしれません。）

divをクリックするとリンク先に飛べかつ、文字も選択できる状態なのですがこれはどのように実装するのでしょうか。

TwitterはReactで開発されていますが、
例えば、JavaScriptで「divをクリックたらwindow.openで任意のURLに遷移」という方法を使えば、
希望されていることは可能だと思います。