捕捉标签键导航

Question

我想捕捉哪些元素焦点时，用户使用Tab键移动他们的焦点。例如，有一个表单，用户可以使用Tab键向前移动到下一个表单元素。我想知道哪些元素是当前焦点。

感谢， 保罗

Answer 1

但是也有一些关注相关的JavaScript事件。 onfocus和onblur（焦点对面）事件可用于更新一个变量，该变量说明哪个表单元素当前处于焦点。

Answer 2

使用上的形式的元素onfocus事件，所以

<form> 
    <input id="fred" type="text" onFocus="alert('focused this');"/> 
</form> 

退房http://www.w3.org/TR/html4/interact/scripts.html#adef-onfocus

Answer 3

对于许多的事件类型可以使用事件代理，由此一个捕获一些含元件上的事件，因为它的气泡建立文档层次结构，然后建立起始事件的元素。不幸的是，focus,blur和事件不会冒泡。

但是，在实现标准DOM事件模型的DOM实现中，可以改为使用捕获阶段，该阶段将事件截取到它将触发的元素的路上。

即使在IE8中，这在IE浏览器（IE）仍然没有实现标准事件模型的情况下（惊喜，惊喜）不起作用。不过，IE拥有自己的focusin和focusout事件，其中做泡泡。

最终的结果是，像往常一样，必须写一个人的代码，以便处理正确的浏览器的工作方式，以及IE的工作方式。

幸运的是这是在哪里quirksmode.org的PPK（又名彼得 - 保罗·科赫）已经完成了艰难的工作，这些情况之一：他的文章Delegating the focus and blur events应该告诉你所有你需要知道的，以及提供事件代表团如何工作的简洁解释。