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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2023.

Phương thức focus() của giao diện MathMLElement đặt tiêu điểm vào phần tử MathML được chỉ định, nếu nó có thể được lấy tiêu điểm. Phần tử được lấy tiêu điểm là phần tử sẽ nhận các sự kiện bàn phím và tương tự theo mặc định.

Theo mặc định, trình duyệt sẽ cuộn phần tử vào tầm nhìn sau khi lấy tiêu điểm, và cũng có thể cung cấp biểu hiện nhìn thấy của phần tử được lấy tiêu điểm (thường bằng cách hiển thị "vòng tiêu điểm" xung quanh phần tử). Các tùy chọn tham số được cung cấp để vô hiệu hóa cuộn mặc định và buộc biểu hiện nhìn thấy trên các phần tử. Nếu bạn gọi focus() từ một trình xử lý sự kiện mousedown, bạn phải gọi event.preventDefault() để giữ tiêu điểm không rời khỏi MathMLElement.

Cú pháp

focus()
focus(options)

Tham số

options Optional

Một đối tượng điều khiển 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 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, không có cuộn nào xảy ra.

HTML

html

<div>
  <math>
    <msup id="myMath" tabindex="0">
      <mi>x</mi>
      <mn>2</mn>
    </msup>
  </math>
  <button id="focusButton">Focus the Math</button>
</div>

JavaScript

const mathElement = document.getElementById("myMath");

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