javascript - 将鼠标悬停在父元素上会显示子元素的 href

Question

我创建了一个包含子 anchor 元素的列表项元素。

<ul id="machine-list">
    <li>
        <a href="gosomewhere">Somewhere</a>
    </li>
</ul>

使用 jQuery，我将一个 click 事件绑定(bind)到列表项。当用户单击时，我将获取第一个 anchor 标记的 href 属性并将用户移动到该页面。

虽然这效果很好，但我想模拟悬停在链接上通常具有的相同悬停效果:在状态栏中显示引用的链接。不幸的是 window.status 没有完成它。

$(document).ready(function () {
    $('#machine-list > li')
    .css('cursor', 'pointer')
    .click(
        function (e) {
            window.location = $(e.target).find('a').attr('href');
        })
    .mouseover(
        function (e) {
            window.status = $(e.target).find('a').attr('href');
        });
});

.mouseover 中的函数应该是什么样子才能获得所需的效果？上面的代码很糟糕而且很脏，所以任何一般性的反馈也将不胜感激。

Answer 1

出于安全原因，window.status 为 disabled by default在所有主要浏览器中。我知道该链接是 W3Schools，但它清楚地说明了这一点。影响状态栏的唯一方法是让用户将鼠标悬停在您控制其 URL 的链接上。