127
¿Es posible cancelar un <a href="..."> de tabstop en cualquier navegador? Me gustaría hacer esto sin Javascript.Impedir tabstop en Un elemento (enlace de anclaje) en HTML
A
Respuesta
220
Algunos navegadores son compatibles con el atributo tabindex="-1", pero no con todos ellos, ya que este no es un comportamiento estándar.
5
Creo que puede hacer esto mediante javascript, invalidar window.onkeypress o onkeydown, atrapar el botón de tabulación y establecer el enfoque en el orden deseado.
+1
No sé si ha revisado otras respuestas especialmente aceptadas, una que fue respondida hace aproximadamente un año y resolvió este problema ** sin ** usar Javascript. –
+1
Agradezco la solución alternativa, incluso si no aborda el OP así como la respuesta aceptada. No es necesario ser despreciativo. –
+0
@Anthony DiSanti: Eso es cierto, pero en este caso particular todavía no veo por qué uno recurriría a javascript si algo funciona mejor. Entonces, si no es una respuesta a esta pregunta, ¿por qué está aquí entonces? No importa. Javascript es generalmente el último paso que uno tomaría si ciertas cosas no se pueden hacer de otra manera. Y lo siento @ Ammosi si te he insultado. No quise ser grosero. Gracias por la respuesta tardía. –
62
Los navegadores modernos compatibles con HTML5 admiten el [tabindex] attribute, donde un valor de -1 evitará que el elemento se tabule.
Si el valor es un entero negativo
El agente de usuario debe permitir que el elemento que se desea enfocar, pero no se debe permitir que el elemento que debe alcanzarse mediante un desplazamiento secuencial.
+1
Extractos de documentación siempre ayudan. ;-) Esto nos dice que aquellos que no lo soportan están entre los pocos y es probable que lo soporten tarde o temprano. –
12
Puede aplicar un manejador de JQuery al elemento que desea orientar a varios elementos sin tabulación.
$(document).ready(function() {
$('.class').attr('tabindex', '-1');
});
sería una manera de hacerlo ....
1
quitar el atributo href de su etiqueta de anclaje
+0
¿Qué pasa si no puedo? –
Cuestiones relacionadas
- 1. Reduzca la velocidad de un enlace de anclaje html
- 2. Cómo desencadenar la acción/evento predeterminado de un enlace HTML (elemento de anclaje)?
- 3. Impedir selección en HTML
- 4. Enlace de anclaje HTML - href y onclick ambos?
- 5. Cómo simular el enlace de anclaje haga clic en
- 6. Desactivar TabStop en el expansor
- 7. ¿Cómo centro un elemento de anclaje en CSS?
- 8. ¿Se enfoca en un elemento de no entrada/anclaje?
- 9. Enlace (href) a una oculta (display: none) elemento html
- 10. Cómo crear un elemento de enlace con la imagen como anclaje con jquery?
- 11. Enlace de anclaje aterrizando en la posición incorrecta
- 12. Impedir que jQuery escape entidades html
- 13. HTML: hacer un enlace, enviar en forma?
- 14. Selección primer anclaje en el interior elemento li con jQuery
- 15. Etiqueta de anclaje de HTML redirige el enlace después de la solicitud de ajax
- 16. etiquetas de anclaje de anidamiento html-
- 17. Impedir que los rieles conviertan caracteres especiales en entidades HTML
- 18. Enlace a elementos HTML en GWT
- 19. Centrar una imagen dentro de un elemento de anclaje
- 20. Cancelar burbujeante en una etiqueta de anclaje HTML
- 21. ¿Cómo prevenir un salto de línea en un enlace html?
- 22. HTML: elemento de bloque de anclaje dentro de la parte inferior del bloque principal
- 23. Impedir que se agreguen etiquetas html
- 24. ¿Cómo muevo un elemento HTML en jQuery?
- 25. Crear un enlace con un anclaje con la función Twig path en Symfony 2
- 26. La etiqueta de anclaje se convierte en un enlace que no funciona en un div con float: derecha;
- 27. Convertir elemento jquery en elemento html
- 28. ¿Impedir que el usuario anule la selección de un elemento en un ListBox?
- 29. Incrustar un enlace (u otro html) en un mensaje JSF
- 30. ¿Cómo detener el salto al hacer clic en un enlace de anclaje?
Oh, bien! ¡Gracias! Lo he comprobado con FF3.5, IE8 y CH3 y funciona en los tres. ¡Un millón de gracias! –
Saludos ... Me ahorró tiempo ... – bgs
no funciona en safari en ios6.1.3 – aztack