19/09/2018, 14:53
Sự kiện ontoggle
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 < ! DOCTYPE html > < html > < body > < p > M ở th ẻ details ở d ướ i đâ y . < / p > < ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <body> <p>Mở thẻ details ở dưới đây.</p> <details ontoggle="myFunction()"> <summary>Copyright 2001-2015.</summary> <p> - WebVN giữ toàn bộ bản quyền.</p> </details> <p><strong><strong>Lưu ý:</strong></strong> Thẻ details và thuộc tính ontoggle hiện tại chỉ được hỗ trợ trong Chrome, Safari 6+, and Opera 15+.</p> <script> function myFunction() { alert("Sự kiện ontoggle đã diễn ra"); } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính ontoggle được kích hoạt khi người dùng mở hoặc đóng thẻ <details>.
Thẻ <details> cho phép thêm thông tin chi tiết để người dùng có thể ẩn hoặc hiện tùy theo yêu cầu.
Trình duyệt hỗ trợ
Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| ontoggle | 12.0 | Không hỗ trợ | Không hỗ trợ | 6.0 | 15.0 |
Khác biệt giữa HTML 4.01 và HTML5
ontoggle là thuộc tính mới trong HTML5.
Cú pháp
|
1 |
<element ontoggle="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 thẻ : <details>
