Thuộc tính sự kiện ondragover HTML

❮ Thuộc tính sự kiện HTML

Định nghĩa và cách sử dụng

Thuộc tính ondragover kích hoạt khi một phần tử có thể kéo hoặc lựa chọn văn bản đang được kéo qua mục tiêu thả hợp lệ.

Theo mặc định, dữ liệu/phần tử không thể bị loại bỏ trong các phần tử khác. Để cho phép thả, chúng ta phải ngăn việc xử lý mặc định của phần tử. Điều này được thực hiện bằng cách gọi phương thức event.preventDefault() cho thuộc tính ondragover.

Kéo và thả là một tính năng rất phổ biến trong HTML5. Đó là khi bạn "nắm" một vật thể và kéo nó đến một vị trí khác. Để biết thêm thông tin, hãy xem Hướng dẫn HTML của chúng tôi về Kéo và thả HTML5 .

Lưu ý: Để làm cho một phần tử có thể kéo được, hãy sử dụng thuộc tính có thể kéo HTML5 toàn cục.

Mẹo: Theo mặc định, các liên kết và hình ảnh có thể kéo được và không cần thuộc tính có thể kéo được.

Có nhiều thuộc tính sự kiện được sử dụng và có thể xảy ra trong các giai đoạn khác nhau của thao tác kéo và thả:

• Các sự kiện được kích hoạt trên mục tiêu có thể kéo được (phần tử nguồn) :
  • ondragstart - kích hoạt khi người dùng bắt đầu kéo một phần tử
  • ondrag - kích hoạt khi một phần tử đang được kéo
  • ondragend - kích hoạt khi người dùng kéo xong phần tử


• Các sự kiện được bắn vào mục tiêu thả:
  • ondragenter - kích hoạt khi phần tử được kéo đi vào mục tiêu thả
  • ondragover - kích hoạt khi phần tử được kéo vượt qua mục tiêu thả
  • ondragleave - kích hoạt khi phần tử được kéo rời khỏi mục tiêu thả
  • ondrop - kích hoạt khi phần tử được kéo thả vào mục tiêu thả

Lưu ý: Trong khi kéo một phần tử, sự kiện ondragover sẽ kích hoạt cứ sau 350 mili giây.

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính sự kiện.

Cú pháp

Giá trị thuộc tính

Chi tiết kỹ thuật

Trang liên quan

Hướng dẫn HTML: Kéo và thả HTML5

Tham chiếu HTML: Thuộc tính HTML có thể kéo được

Tham chiếu DOM HTML: Sự kiện ondragover