检索当前焦点/鼠标悬停的超链接 URL

发布于 2024-10-17 05:16:57 字数 301 浏览 4 评论 0原文

我正在开发一个扩展，我需要找到一种方法来捕获当前的焦点链接。

当我们按 TAB 键，或将鼠标悬停在超链接上时，我们可以在状态栏（firefox 4+ 的地址栏右侧）中看到该链接的 URL 已显示。

如何在附加在线生成器中使用 Javascript 捕获此 URL？如何将其存储到变量中，并且每当焦点链接更改时，变量值都会相应更新？我在互联网上搜索了几个小时，到目前为止发现了这个名为 Document.activeElement.href 的函数？但我不确定这是否是我需要的，如果是，我该如何使用它？

请帮忙！

谢谢！！！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

耶耶耶 2024-10-24 05:17:04

您需要将事件处理程序放在感兴趣的所有链接上，使用jQuery这非常容易，当事件触发时您可以捕获href > 相应的属性和处理

回复收藏 0 原文

羁客 2024-10-24 05:17:03

这应该可以解决问题：

<html><body>
    <a href="#link1">link 1</a>
    <a href="#link2">link 2</a>

    <div id="output"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <script>
        var handler = function() {
            jQuery('#output').text( jQuery(this).attr('href') );
        };
        jQuery('a').focus(handler).mouseover(handler);
    </script>
</body></html>

如果您不想使用 jQuery，请告诉我，我会重写我的答案。

This should do the trick:

<html><body>
    <a href="#link1">link 1</a>
    <a href="#link2">link 2</a>

    <div id="output"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <script>
        var handler = function() {
            jQuery('#output').text( jQuery(this).attr('href') );
        };
        jQuery('a').focus(handler).mouseover(handler);
    </script>
</body></html>

Let me know if you don't want to use jQuery, and I'll re-write my answer.

回复收藏 0 原文

左秋 2024-10-24 05:17:03

变量 window.XULBrowserWindow.overLink 恰好包含状态栏中显示的当前悬停 URL，但它不会保存悬停的实际元素。

回复收藏 0 原文

风情万种。 2024-10-24 05:17:03

http://jsfiddle.net/DmX5j/6/

var links = document.getElementsByTagName('a'),
   linkDisplay = document.getElementById('currentLink'),
   currentLink;

for(var i =0; i < links.length; i++){
    links[i].onfocus = function(){updateLink(this.href)};
    links[i].onmouseover = function(){updateLink(this.href)};
}

function updateLink(link){
    currentLink = link; 
    linkDisplay.innerHTML = currentLink;
}

纯JS方式。不确定这是否是您正在寻找的内容，基本上在焦点或鼠标悬停时当前链接已更新。

http://jsfiddle.net/DmX5j/6/

var links = document.getElementsByTagName('a'),
   linkDisplay = document.getElementById('currentLink'),
   currentLink;

for(var i =0; i < links.length; i++){
    links[i].onfocus = function(){updateLink(this.href)};
    links[i].onmouseover = function(){updateLink(this.href)};
}

function updateLink(link){
    currentLink = link; 
    linkDisplay.innerHTML = currentLink;
}

pure JS way. Not sure if this is what you are looking for or not, basically on focus or mouseover the current link is updated.

回复收藏 0 原文

~没有更多了~