元素成为URL目标时的事件

Question

我有一个锚：

<a href=anotherpage.php?page=1#id>go to id</a>

和一段：

<p id="id">Here you now</p>

当访问者跟随链接时，我希望将段落元素的颜色更改一秒钟。

Answer 1

你需要做两件事：

1. 将tabindex属性添加到段落DOM元素以使其可聚焦。

2. 为段落元素注册onFocus（）处理程序。

E.g。

<p id="id" tabindex="1">Here you now</p>


$("#id").focus(function() {
    $(this).css("background","red");
    var _this = $(this);
    setTimeout(function() {
        _this.css("background","none");
    }, 1000);
});

注意：我认为page = 1＃id不会导致段落元素的焦点事件。

至于Anchor元素你可以拥有它。

<a href="#id" onclick="$($(this).attr('href')).focus()">go to id</a>