cách đặt trọng tâm vào div bằng javascript hoặc jquery khi # đã được thêm vào url?

Question

Tôi muốn đặt trọng tâm vào div cụ thể bằng jquery hoặc javascript. tôi chỉ cần sử dụng document.getElementById("pack_0").focus(); trong đó 'pack_0' là id div của tôi nhưng nó không hoạt động. Tôi nhận thấy rằng '#' đã được thêm vào url của tôi vì một số mã hóa popup, vì vậy url của tôi là 'http: // localhost/website/book #'

Vì vậy, bất kỳ ai có thể giúp tôi tập trung hoàn toàn vào div khi # trong url?

Xin cảm ơn trước.

Answer 1

Từ câu hỏi, tôi nghĩ những gì bạn thực sự có nghĩa là "tập trung div" là "thay đổi vị trí cuộn dọc của cửa sổ để div hiển thị". Nếu đúng như vậy, bạn có thể sử dụng đoạn mã jQuery sau đây:

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

Answer 2

Giả định của Anthony Grist có thể đúng trong trường hợp của bạn. Tuy nhiên, nó có thể giúp những người khác tìm kiếm chủ đề này biết rằng nếu đối tượng mong muốn của tiêu điểm là DIV, thì DIV phải có một tập hợp tabindex, ví dụ: tabindex = "9999". Nếu không, hầu hết các trình duyệt sẽ không chỉ định tiêu điểm.

Answer 3

Để đặt trọng tâm vào div đầu tiên chúng ta cần phải xác định tabIndex cho div đặc biệt như như dưới đây

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

Và jquery để thiết lập tập trung

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