Показать URL-адрес в нижнем левом углу JS?

Question

Есть ли какой-либо трюк для отображения url в нижней левой части страницы на Javascript?

Пример мой ссылка элемент:

<div data-link="http://stackoverflow.com"></div> 

JS:

$(document).on('click','[data-link]',function(){ 
    var url = $(this).attr('data-link'); 
    window.open(url,'_blank'); 
}).on('mouseover','[data-link]',function(){ 
    var a = document.createElement('a'); 
    a.href = $(this).attr('data-link'); 
    $(a).trigger('mouseover'); 
    // Nothing showing 
}); 

возможно? Любой трюк?

Answer 1

Насколько я знаю, это невозможно с помощью Javascript, это специфичная для браузера функция, которая срабатывает только при наведении курсора мыши на ссылку. Если вы запускаете функцию .hover() с JS, она «только» применяет CSS-правила и запускает JS-функции.

Вы можете создать абсолютный позиционированный div с тегом link и показать это при наведении на элемент, но это может вызвать проблемы при наведении курсора на фактический тег A, тогда ваш div будет скрыт под браузером -field.

Answer 2

Вы хотите что-то исправить?

$('a').mouseover(function() { 
    var url = $(this).attr('href'); 
    var style = "position: fixed; left: 0; bottom: 0; z-index: 1000000;"; 
    $('body').append("<b id='urlDisplay' style='" + style + "'>" + url + "</b>"); 
}); 
$('a').mouseout(function() { $('#urlDisplay').remove(); }); 

Сделайте его красивее, поставив css в другом месте!