SVGElement: phương thức focus()

Cú pháp

focus()
focus(options)

Tham số

options Optional

Một đối tượng tùy chọn để kiểm soát các khía cạnh của quá trình lấy tiêu điểm. Đối tượng này có thể chứa các thuộc tính sau:

preventScroll Optional

Một giá trị boolean cho biết liệu trình duyệt có nên cuộn tài liệu để đưa phần tử mới được lấy tiêu điểm vào tầm nhìn hay không. Giá trị false cho preventScroll (mặc định) có nghĩa là trình duyệt sẽ cuộn phần tử vào tầm nhìn sau khi lấy tiêu điểm. Nếu preventScroll được đặt thành true, sẽ không có cuộn nào xảy ra.

Giá trị trả về

Không có (undefined).

Ví dụ

Lấy tiêu điểm vào phần tử SVG

Ví dụ này sử dụng một nút để đặt tiêu điểm vào phần tử hình tròn SVG.

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <circle id="myCircle" cx="100" cy="100" r="50" tabindex="0" fill="blue" />
  <button id="focusButton">Focus the circle</button>
</svg>

JavaScript

document.getElementById("focusButton").addEventListener("click", () => {
  const circle = document.getElementById("myCircle");
  circle.focus();
});

Thông số kỹ thuật

Ghi chú

• Nếu bạn gọi SVGElement.focus() từ trình xử lý sự kiện mousedown, bạn phải gọi event.preventDefault() để giữ cho tiêu điểm không rời khỏi SVGElement.

Tương thích trình duyệt

Xem thêm

• SVGElement.blur để xóa tiêu điểm khỏi phần tử.
• HTMLElement.focus phương thức tương tự cho các phần tử HTML.