19/09/2018, 14:54
Sự kiện oncut
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body > < input type = "text" oncut = "myFunction()" value = "Thử cắt đoạn này" > < p ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body> <input type="text" oncut="myFunction()" value="Thử cắt đoạn này"> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "Nội dung đã được cắt!"; } </script> </body> </html> |
Demo
Xem thêm ví dụ bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính oncut được kích hoạt khi người dùng cắt nội dung trong thẻ.
Lưu ý: Mặc dù thuộc tính oncut được hỗ trợ trong tất cả các thẻ của HTML nhưng không phải lúc nào nó cũng có thể cắt được nội dung, ví dụ trong thẻ <p>, trừ khi thẻ đó được thiết lập thuộc tính contenteditable là “true” (xem thêm ví dụ bên dưới).
Mẹo: Thuộc tính oncut được sử dụng hầu hết trong thẻ <input> với type=”text”.
Mẹo: Có 3 cách để cắt nội dụng của thẻ:
- Nhấn CTRL + X
- Chọn “Cut” từ menu “Edit” trên trình duyệt
- Nhấn chuột phải và chọn lệnh “Cut”
Trình duyệt hỗ trợ
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| oncut | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
1 |
<element oncut="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong tất cả các thẻ HTML.
Ví dụ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <body> <p contenteditable="true" oncut="myFunction()">Hãy cắt đoạn văn bản này.</p> <script> function myFunction() { alert("Nội dung đã được cắt!"); } </script> </body> </html> |
Demo
