Thuộc tính ondragend HTML
Định nghĩa và Cách sử dụng
Thuộc ondragend
tính sẽ kích hoạt khi người dùng kéo xong phần tử hoặc lựa chọn văn bản.
Để tìm hiểu về Kéo và Thả, hãy đọc Hướng dẫn HTML của chúng tôi về Kéo và Thả HTML5 .
Mẹo: Các liên kết và hình ảnh có thể kéo theo mặc định và không cần draggable
thuộc tính này.
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 (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éoondragend
- kích hoạt khi người dùng kéo xong phần tử
- Các sự kiện được kích hoạt trên 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 quá 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ử kéo được thả trên mục tiêu thả
Áp dụng đối với
Thuộc ondragend
tính là một phần của Thuộc tính sự kiện và có thể được sử dụng trên bất kỳ phần tử HTML nào.
Các yếu tố | Biến cố |
---|---|
Tất cả các phần tử HTML | ondragend |
Thí dụ
P Ví dụ
Thực thi JavaScript khi người dùng kéo xong phần tử <p>:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
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.
Event Attribute | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |