Wie setze ich den Fokus auf ein Div mit Javascript oder jquery, wenn # bereits in der URL hinzugefügt wurde?

Question

Ich möchte den Fokus auf bestimmte Div mit jquery oder Javascript setzen. Ich habe gerade verwendet document.getElementById("pack_0").focus(); in diesem 'pack_0' ist meine Div-ID, aber es funktioniert nicht. Ich bemerke, dass '#' bereits in meiner URL wegen einiger Popup-Codierung hinzugefügt wurde, so ist meine URL 'http: // localhost/website/book #'

Also, kann mir jemand helfen, für die Kraft voll auf konzentrieren div wenn # in URL?

Vielen Dank im Voraus.

Answer 1

Von der Frage, ich denke, was Sie eigentlich mit "Focus the div" meinen, ist "ändern Sie die vertikale Scroll-Position des Fensters, so dass das Div sichtbar ist". Wenn das der Fall ist, können Sie das folgende Bit von jQuery-Code verwenden:

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

Answer 2

Anthony Grist der Annahme ist in Ihrem Fall wahrscheinlich richtig. Es kann jedoch anderen helfen, die zu diesem Thema suchen, zu wissen, dass, wenn das gewünschte Objekt von Fokus ein DIV ist, dieser DIV einen Tabindex gesetzt haben sollte, z. B. tabindex = "9999". Andernfalls weisen die meisten Browser den Fokus nicht zu.

Answer 3

Fokus setzen definieren wir müssen zuerst tabindex für bestimmte div wie wie unten

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

Und jquery div ein setzen konzentrieren

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