javascript - 如何使用 jQuery 和模糊事件确定哪个 DOM 对象被单击/聚焦？

Question

我有这个 HTML:

<div class="container">
    <a href="#mylink" tabindex="-1">select this</a>
    <a href="#mylink" tabindex="-1">select this</a>
    <a href="#mylink" tabindex="-1">select this</a>
</div>

<a href="#begin" tabindex="-1">click here to begin selecting</a>

我有这个 JS/jQuery 代码片段:

$('a[href="#begin"]').blur(function(e) {
    console.log( e.target.href ); // this will output: #begin
});

所以我需要 .blur是确定 <a href="#begin"> 之后哪个元素获得焦点变得模糊了。

这可以用 JS/jQuery 实现吗？

Answer 1

无法从 blur 事件本身知道哪个元素获得了焦点。您需要添加一个点击事件来实现这一点，如下所示:

$('a[href="#begin"]')
    .blur(function(e) {
        console.log( e.target.href ); // previous link href
    });
    .click(function(e) {
        console.log( e.target.href ); // current link href
    });