html - how - tabindex jquery

tabindex en CSS

Question

¿Es posible controlar tabindex con CSS y, en caso afirmativo, qué navegadores lo admiten y en qué elementos?

EDITAR

Debería decir que mi objetivo es capturar eventos keydown en un div. Vi esta página http://www.quirksmode.org/js/events/keys.html# que prueba los eventos del teclado y muestra que la única forma en que se activa el keydown en otra cosa que no sea el documento y el cuerpo o algún tipo de elemento de formulario o enlace es tener tabindex declarado en él. Pero leí en el sitio de W3C:

Los siguientes elementos admiten el atributo tabindex: A, ÁREA, BOTÓN, ENTRADA, OBJETO, SELECCIONAR y TEXTAREA.

Así que estoy un poco confundido, ¿qué debo hacer para cumplir con las normas y hacer que mi caso de uso funcione?

EDIT2

Todo mi caso de uso es un div con mucho contenido con una barra de desplazamiento artificial. Puedo desplazarlo con los eventos del mouse, pero no tengo suerte con el teclado hasta ahora.

Answer 1

Esto es un poco viejo pero ahora hay opciones de css como -moz-user-focus. Estoy seguro de que hay un webkit equivalente.

https://developer.mozilla.org/en-US/docs/CSS/-moz-user-focus

Answer 2

Actualización 2017

Como lo señaló @Wallop en los comentarios, la propiedad del nav-index se eliminó de la especificación en 2015 debido a la "falta de interés en la implementación".

Eche un vistazo a la propiedad de nav-index introducida por W3C en CSS3-UI .

Esta propiedad tiene exactamente el mismo comportamiento que un tabindex y es aplicable a cualquier elemento.

La propiedad ''índice de navegación'' es una forma de entrada neutral del método de especificar el orden de navegación secuencial (también conocido como "orden de tabulación"). Esta propiedad es un reemplazo para el atributo HTML4 / XHTML1 ''tabindex''

Al ser probablemente la mejor solución compatible con los estándares para el caso de uso, nav-index se interpreta solo hasta ahora por Opera (hasta junio de 2012) y también está marcado como "Característica en riesgo" por el W3C, por lo tanto, puede eliminarse en cualquier momento.

Las soluciones alternativas entre navegadores son:

• no cumple con las normas: establezca el atributo tabindex en un DIV . Esto funcionará en todos los navegadores comunes.

• cumple con las normas: reemplace DIV por un elemento de anclaje ( A ) sin un conjunto de atributos href , ajústelo con display: block y agregue el atributo tabindex .

Con respecto al punto de BoltClock, estoy de acuerdo en que el orden de tabulación es muy lógico (tanto el orden de selección de texto como el orden de tabulación están estrechamente relacionados con la secuencia en la que se clasifican los elementos en el documento). Por otro lado, CSS tiene un propósito más amplio en la actualidad. Puede manipular no solo el contenido de un documento (propiedad de content ) sino también el comportamiento cuando se desencadenan los eventos: por ejemplo, mediante el uso de pointer-events , display o z-index , cambiará el orden del evento. Si estas son propiedades CSS muy básicas, ¿por qué no debería ser capaz de influir en KeyBoardEvents también?