Helpex - Trao đổi & giúp đỡ Đăng nhập
6

Có một bản sao cho mỗi sự kiện trên phản ứng audiovideothẻ, chẳng hạn như nó có thuộc onCanPlayThroughtính và onCanPlayThroughCapturecả. Hành vi của cả hai người trong số họ trong trình duyệt là hoàn toàn giống nhau.

Chúng ta có cần sử dụng ...Capturecác sự kiện thay vì các sự kiện tiêu chuẩn không? Ý tưởng chính cho họ là gì? Tôi có thể tìm thông tin về chúng ở đâu.

6 hữu ích 0 bình luận 4.9k xem chia sẻ
19

Điều này được đề cập trong tài liệu React ở đây , mặc dù rất dễ bỏ sót:

Các trình xử lý sự kiện bên dưới được kích hoạt bởi một sự kiện trong giai đoạn sôi sục. Để đăng ký một trình xử lý sự kiện cho giai đoạn nắm bắt, hãy thêm Capturevào tên sự kiện; ví dụ: thay vì sử dụng onClick, bạn sẽ sử dụng onClickCaptuređể xử lý sự kiện nhấp chuột trong giai đoạn chụp.

Sự kiện DOM có nhiều giai đoạn (xem sơ đồ bên dưới), là (theo thứ tự):

  • Chiếm lấy
  • Mục tiêu
  • Sủi bọt

Thông thường chúng ta sử dụng mục tiêu hoặc bọt ( addEventListener's falseparam thứ ba [mặc định]), nhưng có những dịp hiếm hoi mà bạn muốn để móc vào giai đoạn chụp thay vì (param thứ ba = true). Những ...Capturengười xử lý cho phép bạn làm điều đó.

React… Capture sự kiện là gì?

19 hữu ích 0 bình luận chia sẻ
2

Chúng không giống nhau và tài liệu cũng nói rõ điều này:

Các trình xử lý sự kiện bên dưới được kích hoạt bởi một sự kiện trong giai đoạn sôi sục. Để đăng ký một trình xử lý sự kiện cho giai đoạn chụp, hãy thêm Capture vào tên sự kiện; ví dụ: thay vì sử dụng onClick, bạn sẽ sử dụng onClickCapture để xử lý sự kiện nhấp chuột trong giai đoạn chụp.

Hiệu ứng tương tự như trong DOM bong bóng / bắt giữ thông thường . Nếu bạn muốn nắm bắt, sự kiện sẽ kích hoạt trên cha mẹ trước. Khi sủi bọt, nó sẽ bắn vào phần tử thực tế đầu tiên và sau đó tạo bọt cho cha mẹ.

2 hữu ích 1 bình luận chia sẻ
loading
Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ reactjs dom , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm

loading