cách url có thể bị ẩn trong siêu liên kết khi di chuột

Question

Làm cách nào để ẩn URL hiển thị khi di chuột trên siêu liên kết?

<a href="url">Hyperlink</a> 

Làm cách nào để ẩn URL hiển thị trong thanh trạng thái dưới cùng của trình duyệt khi di chuột?

Answer 1

Không đặt URL trong số href (hoặc giữ nó href="#") và đính kèm hàm JavaScript vào sự kiện onclick đặt liên kết thực tế trong phần tử a. Bằng cách này, bạn sẽ không thấy URL thực tế khi di chuột qua liên kết nhưng liên kết sẽ được chèn khi người dùng thực sự nhấp vào.

Answer 2

bạn về kỹ thuật có window.status để thực hiện các thông báo trên thanh trạng thái tùy chỉnh. bạn có thể đặt nó trong một "onmouseover" sự kiện cho các phần tử đó và thiết lập các window.status thành một chuỗi trống .. làm thế nào thats chúng tôi đã làm cho nó một thời gian dài trước tuy nhiên ..

trình duyệt những ngày này ngăn chặn sự biến đổi của tình trạng thanh theo mặc định (theo như tôi biết, firefox ngăn chặn nó). vì vậy không có sự đảm bảo nào về cách tiếp cận này sẽ làm gì cả.

Answer 3

Chỉ cần sử dụng onclick = "location.href = '#'"

Answer 4

<button class="class" onclick="window.location.href='http://stackoverflow.com'">Visit StackOverflow</button>

Answer 5

Bằng cách này bạn có thể dễ dàng giấu url khi chuột di chuột vào siêu liên kết.

Chỉ cần thêm một id vào liên kết anchor.

HTML

<a href="url" id='no-link'>Hyperlink</a> 

Jquery đang

$(document).ready(function() { 
     setTimeout(function() { 

      $('a[href]#no-link').each(function() { 
       var href = this.href; 

       $(this).removeAttr('href').css('cursor', 'pointer').click(function() { 
        if (href.toLowerCase().indexOf("#") >= 0) { 

        } else { 
         window.open(href, '_blank'); 
        } 
       }); 
      }); 

     }, 500); 
}); 

Dưới đây là link bản demo https://jsfiddle.net/vipul09so/Lcryjga5/