cómo establecer el foco en un div usando javascript o jquery cuando # ya está agregado en url?

Question

Quiero establecer el foco en div en particular usando jquery o javascript. acabo de utilizar document.getElementById("pack_0").focus(); en que 'pack_0' es mi identificación del div pero no funciona. Observé que '#' ya está agregado en mi url debido a un código emergente, por lo que mi url es 'http: // localhost/web/book #'

Entonces, ¿alguien me puede ayudar a enfocar completamente la fuerza div cuando # en url?

Gracias de antemano.

Answer 1

partir de la pregunta, creo que lo que realmente se quiere decir con "centrar el div" es "cambiar la posición de desplazamiento vertical de la ventana para que el div es visible". Si ese es el caso, puede usar el siguiente bit de código jQuery:

$(window).scrollTop($('#pack_0').offset().top); 

Answer 2

La suposición de Anthony Grist es probablemente correcta en su caso. Sin embargo, puede ayudar a otros que buscan en este tema para saber que si el objeto deseado de enfoque es un DIV, que DIV debe tener un conjunto tabindex, por ejemplo, tabindex = "9999". De lo contrario, la mayoría de los navegadores no asignarán el foco.

Answer 3

Para ajustar el enfoque a DIV primero necesitamos definir tabindex para determinados div como la siguiente

<div class="leftbar-btn-module" tabindex="-1">'Content'</div> 

y jQuery para ajustar el enfoque

jQuery(".leftbar-btn-module").attr("tabindex",-1).focus();