ハイパーリンクを選択可能にする

Question

FirefoxまたはChromeを使用してウェブページを閲覧する場合、右Altキーを押しながらハイパーリンクのテキスト、<a>タグを含む要素を選択できます。

私のアプリでは、ボタンを押したままではなく、デフォルトでjavascriptを使用してこれを実現したいと思います。ユーザーがダブルクリックするとurlにリダイレクトされます。そうしないと、ユーザーはプレーンテキストのようにコンテンツを選択できます。

最初に試したことは、すべて<a>要素を<span>要素に置き換え、関連するイベントを実装することでした。これは私が望む機能を提供しますが、見た目はかなり荒いです。私はすべての属性（クラス、id）を同じに保ちます。それは私が扱っているページのタグ<a>特定のCSSがあるようです。

今、何をしようとしているのは、これを達成することです。

var linkElems = document.getElementsByTagName('a'); 

for (var i = linkElems.length - 1; i >= 0; i--) { 
    linkElems[i].ondblclick = function() { 
      //redirect to url 
     }; 

    linkElems[i].setAttribute("href", "#"); 
    linkElems[i].onclick = function() { return false; };  
} 

をこのコードの後、リンクがページがそれぞれのURLにリダイレクトがありませんが、私はそれはそれでURLを持ついくつかのボックスをドラッグテキストを選択しようとすると：私の現在のコードは次のとおりです。

document.body.ondragstart = function(){return false;} 

は今、私はドラッグを防ぐが、それでもテキストを選択することはできません。それを防ぐために、私はこのコード行を書きました。私はこれを解決する方法があるのだろうか。

Answer 1

これを参照してください。

データ属性を使用しましたが、href属性を定義しませんでした。

あなたは、私が最初のアイデアは良いものだったと思うMDN

$(function(){ 
 
    $(".aLink").dblclick(function(){ 
 
    var link = $(this).attr("data-href"); 
 
    window.location.href = link; 
 
    }); 
 
});

a { 
 
    color: blue; 
 
    text-decoration: underline; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a data-href="https://example.com" class ="aLink">Link 1</a> <br><br> 
 
<a data-href="https://example.com/something" class ="aLink">Likn 2</a>