生成されたhref urlを非表示にする問題

Question

私は以下のようなURL値を取得します。

<input type='text' value='' name="address" id="address" /> 
<button id='gen'>Generate</button> 
</br></br> 
<a id="mylink" href=''>Download</a> 

$(function(){ 
    $('#gen').click(function(e){ 
     e.preventDefault(); 
     url='http://'+$('#address').val(); 
     $('a#mylink').attr('href', url); 
    }); 
}); 

今、私はURLを生成する前にこの

<a id="mylink" href='javascript:void(0)' onclick="location.href='" . $ajax_like_link . "'"> 

しかし、最初のようにステータスバー上のhrefのURLを隠蔽しようとしている、それが動作します。しかし、私はURLを生成した後、マウスオーバーでURLに の値を表示します。それを隠す方法。

Answer 1

ほとんどのブラウザでは、マウスの上にマウスを移動すると、リンクのhref属性が表示されます。あなたは、単にJavaScript変数にURLを保存して、あなたがクリックすると、下図のようにそれを使用することができます。このうちhttps://jsfiddle.net/uhzhbr3m/

$(function() { 
 
    var url; 
 

 
    $('#gen').click(function() { 
 
     // save url 
 
     url = 'http://' + $('#address').val(); 
 
    }); 
 

 
    $('#mylink').click(function(e) { 
 
    e.preventDefault(); 
 
    // go to URL 
 
    if (url) 
 
     window.location.href = url; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" value="" name="address" id="address" /> 
 
<button type="button" id="gen">Generate</button> 
 
<br/> 
 
<br/> 
 
<a id="mylink" href="#">Download</a>