Javascript 通过JS在左下角显示url？

通过Javascript在页面左下角显示url有什么技巧吗

示例我的链接元素是：

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

$(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
});

---

可能吗？有什么窍门吗？

据我所知，这在Javascript中是不可能实现的，这是一个特定于浏览器的功能，只有当鼠标悬停在链接上时才会触发。如果使用JS触发.hover（），它“仅”应用CSS规则并激发JS函数

---

您可以使用link标记创建一个绝对定位的div，并在将鼠标悬停在某个元素上时显示它，但当您将鼠标悬停在实际的A标记上时，可能会导致问题，然后您的div将隐藏在浏览器字段下。

这就是您要查找的吗

$('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(); });

$（'a'）.mouseover（函数（）{
var url=$（this.attr（'href'）；
var style=“位置：固定；左侧：0；底部：0；z索引：1000000；”；
$（'body'）。追加（“+url+”）；
});
$（'a'）.mouseout（函数（）{$（'urlDisplay'）.remove（）；}）；

---

把css放在别处，让它更漂亮

你在这里谈论jQuery，你实际上想做什么有点不清楚。。。鼠标悬停时，是否要显示链接？或者您想在鼠标悬停在div上时生成链接？因为JS示例看起来很奇怪。你为什么要触发额外的“鼠标悬停”事件？@Alex Ok。我被编辑成我的rest代码。我只想在页面的左下角显示url（若可能的话），这就是我对隐藏链接元素的看法。但是我觉得不太好（我不喜欢）。不过还是要谢谢你：嗯，谢谢。但我正在寻找本地url显示：如果我可以问一下，为什么？你当然可以让它看起来很土气。不，我只是想知道有没有可能我不想把时间花在所有浏览器的样式设计上：Dits并不是所有的浏览器都这样做。afaik这是唯一一个做这件事的chrome