07/09/2018, 15:20
Các thuộc tính sự kiện trong HTML
Thuộc tính sự kiện toàn cục HTML4 đã tích hợp thêm khả năng cho phép sự kiện kích hoạt các hành động trong trình duyệt, chẳng hạn như bắt đầu JavaScript khi người dùng nhấp vào một phần tử. Dưới đây là các thuộc tính sự kiện toàn cục có thể được thêm vào các ...
Thuộc tính sự kiện toàn cục
HTML4 đã tích hợp thêm khả năng cho phép sự kiện kích hoạt các hành động trong trình duyệt, chẳng hạn như bắt đầu JavaScript khi người dùng nhấp vào một phần tử.
Dưới đây là các thuộc tính sự kiện toàn cục có thể được thêm vào các phần tử HTML để xác định hành động sự kiện.
(*) thể hiện các thuộc tính sự kiện mới được thêm vào HTML5
Thuộc tính sự kiện Window
Các sự kiện được kích hoạt cho đối tượng cửa sổ (áp dụng cho thẻ <body>):
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| onafterprint (*) | script | kịch bản được chạy sau khi tài liệu được in |
| onbeforeprint (*) | script | kịch bản được chạy trước khi tài liệu được in |
| onbeforeunload (*) | script | tập lệnh được chạy khi tài liệu sắp được dỡ xuống |
| onerror (*) | script | script được chạy khi một lỗi xảy ra |
| onhashchange (*) | script | tập lệnh được chạy khi đã có thay đổi đối với phần neo của url |
| onload | script | kích hoạt sau khi trang tải xong |
| onmessage (*) | script | tập lệnh được chạy khi thông điệp được kích hoạt |
| onoffline (*) | script | tập lệnh được chạy khi trình duyệt bắt đầu hoạt động ngoại tuyến |
| ononline (*) | script | tập lệnh được chạy khi trình duyệt bắt đầu làm việc trực tuyến |
| onpagehide (*) | script | tập lệnh được chạy khi người dùng điều hướng xa trang |
| onpageshow (*) | script | tập lệnh được chạy khi người dùng điều hướng đến một trang |
| onpopstate (*) | script | tập lệnh được chạy khi lịch sử của cửa sổ thay đổi |
| onresize (*) | script | đâm cháy khi cửa sổ trình duyệt được thay đổi kích cỡ |
| onstorage (*) | script | tập lệnh được chạy khi một khu vực lưu trữ web được cập nhật |
| onunload | script | kích hoạt khi trang đã được dỡ xuống (hoặc cửa sổ trình duyệt đã bị đóng) |
Thuộc tính sự kiện form
Sự kiện được kích hoạt bởi các hành động bên trong một biểu mẫu HTML (áp dụng cho hầu hết các yếu tố HTML, nhưng được sử dụng nhiều nhất trong các phần tử form):
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| onblur | script | kích hoạt ngay khi người dùng chuyển con trỏ nháy ra ngoài thẻ |
| onchange | script | kích hoạt khi giá trị của phần tử bị thay đổi |
| oncontextmenu (*) | script | tập lệnh được chạy khi một trình đơn ngữ cảnh được kích hoạt |
| onfocus | script | kích hoạt thời điểm khi phần tử được lấy nét |
| oninput (*) | script | tập lệnh được chạy khi một phần tử được người dùng nhập vào |
| oninvalid (*) | script | tập lệnh được chạy khi một phần tử không hợp lệ |
| onreset (*) | script | kích hoạt khi nút Reset trong một hình thức được nhấp |
| onsearch | script | kích hoạt khi người dùng viết một cái gì đó trong một trường tìm kiếm (cho <input = “search”>) |
| onselect | script | kích hoạt sau khi một số văn bản đã được chọn trong phần tử |
| onsubmit | script | kích hoạt khi biểu mẫu được gửi đi |
Thuộc tính sự kiện Keyboard
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| onkeydown | script | kích hoạt khi người dùng nhấn phím |
| onkeypress | script | kích hoạt khi người dùng nhấn phím |
| onkeyup | script | kích hoạt khi người dùng thả một phím |
Thuộc tính sự kiện Mouse
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| onclick | script | kích hoạt trên click chuột lên phần tử |
| ondblclick | script | kích hoạt trên một con chuột nhấp đúp vào phần tử |
| onmousedown | script | kích hoạt khi một nút chuột được nhấn xuống trên một phần tử |
| onmousemove | script | kích hoạt khi con trỏ chuột di chuyển trong khi nó ở trên một phần tử |
| onmouseout | script | kích hoạt khi con trỏ chuột di chuyển ra khỏi một phần tử |
| onmouseover | script | kích hoạt khi con trỏ chuột di chuyển qua một phần tử |
| onmouseup | script | kích hoạt khi một nút chuột được thả ra trên một phần tử |
| onmousewheel | script | Không được chấp nhận. Sử dụng thuộc tính onwheel để thay thế |
| onwheel (*) | script | kích hoạt khi bánh xe chuột cuộn lên hoặc xuống trên một phần tử |
Thuộc tính sự kiện Drag
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| ondrag (*) | script | tập lệnh được chạy khi một phần tử bị kéo |
| ondragend (*) | script | tập lệnh sẽ chạy khi kết thúc thao tác kéo |
| ondragenter (*) | script | tập lệnh được chạy khi một phần tử đã được kéo đến đích thả hợp lệ |
| ondragleave (*) | script | tập lệnh được chạy khi một phần tử rời khỏi mục tiêu thả hợp lệ |
| ondragover (*) | script | tập lệnh được chạy khi một phần tử bị kéo qua một mục tiêu thả hợp lệ |
| ondragstart (*) | script | tập lệnh sẽ chạy khi bắt đầu thao tác kéo |
| ondrop (*) | script | tập lệnh được chạy khi phần tử được kéo được thả |
| onscroll (*) | script | tập lệnh được chạy khi cuộn thanh của phần tử đang được cuộn |
Thuộc tính sự kiện Clipboard
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| oncopy | script | kích hoạt khi người dùng sao chép nội dung của phần tử |
| oncut | script | kích hoạt khi người dùng cắt nội dung của phần tử |
| onpaste | script | kích hoạt khi người dùng dán một số nội dung trong phần tử |
Thuộc tính sự kiện Media
Sự kiện được kích hoạt bởi các phương tiện truyền thông như video, hình ảnh và âm thanh (áp dụng cho tất cả các yếu tố HTML nhưng phổ biến nhất trong các phần tử phương tiện, như <audio>, <embed>, <img>, <object> và <video>).
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| onabort | script | tập lệnh sẽ chạy khi huỷ bỏ |
| oncanplay (*) | script | tập lệnh được chạy khi tệp sẵn sàng để bắt đầu phát (khi nó đã đủ vùng đệm để bắt đầu) |
| oncanplaythrough (*) | script | tập lệnh được chạy khi một tập tin có thể được phát tất cả các cách để kết thúc mà không cần tạm dừng để đệm |
| oncuechange (*) | script | tập lệnh được chạy khi thay đổi tín hiệu trong phần tử <track> |
| ondurationchange (*) | script | tập lệnh sẽ chạy khi độ dài của phương tiện truyền thông thay đổi |
| onemptied (*) | script | tập lệnh được chạy khi xảy ra sự cố xấu và tệp đột nhiên không khả dụng (như bất ngờ ngắt kết nối) |
| onended (*) | script | tập lệnh được chạy khi các phương tiện truyền thông đã kết thúc (một sự kiện hữu ích cho các tin nhắn như “thanks for listening”) |
| onerror (*) | script | tập lệnh chạy khi xảy ra lỗi khi tệp đang được tải |
| onloadeddata (*) | script | tập lệnh chạy khi dữ liệu phương tiện được tải |
| onloadedmetadata (*) | script | tập lệnh được chạy khi dữ liệu meta (như kích thước và thời gian) được tải |
| onloadstart (*) | script | tập lệnh được chạy giống như tệp bắt đầu tải trước khi bất kỳ thứ gì được tải |
| onpause (*) | script | tập lệnh sẽ chạy khi các phương tiện truyền thông bị tạm dừng bởi người dùng hoặc theo chương trình |
| onplay (*) | script | tập lệnh được chạy khi các phương tiện truyền thông đã sẵn sàng để bắt đầu chạy |
| onplaying (*) | script | tập lệnh được chạy khi các phương tiện truyền thông thực sự đã bắt đầu chạy |
| onprogress (*) | script | tập lệnh được chạy khi trình duyệt đang trong quá trình nhận dữ liệu phương tiện |
| onratechange (*) | script | tập lệnh được chạy mỗi khi tốc độ phát lại thay đổi (như khi người dùng chuyển sang chế độ chạy chậm hoặc chế độ chuyển tiếp nhanh) |
| onseeked (*) | script | tập lệnh sẽ được chạy khi thuộc tính tìm kiếm được đặt thành false chỉ ra rằng việc tìm kiếm đã kết thúc |
| onseeking (*) | script | tập lệnh được chạy khi thuộc tính đang tìm kiếm được đặt thành đúng chỉ ra rằng tìm kiếm đang hoạt động |
| onstalled (*) | script | tập lệnh được chạy khi trình duyệt không thể tìm nạp dữ liệu phương tiện với bất kỳ lý do nào |
| onsuspend (*) | script | tập lệnh được chạy khi tìm nạp dữ liệu phương tiện được dừng lại trước khi nó được tải hoàn toàn vì bất cứ lý do gì |
| ontimeupdate (*) | script | kịch bản sẽ được chạy khi vị trí chơi đã thay đổi (như khi người dùng chuyển nhanh tới một điểm khác trong phương tiện) |
| onvolumechange (*) | script | tập lệnh được chạy mỗi khi volume được thay đổi (bao gồm việc cài đặt âm thanh để “tắt tiếng”) |
| onwaiting (*) | script | tập lệnh sẽ chạy khi các phương tiện truyền thông tạm dừng nhưng dự kiến sẽ tiếp tục (như khi phương tiện truyền thông tạm dừng để đệm thêm dữ liệu) |
Thuộc tính sự kiện Misc
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| onshow (*) | script | kích hoạt khi một phần tử <menu> được hiển thị dưới dạng trình đơn ngữ cảnh |
| ontoggle (*) | script | kích hoạt khi người dùng mở hoặc đóng phần tử <details> |
Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ:
- Học lập trình front-end cơ bản với bootstrap 4/html5/css3
- Học lập trình front-end nâng cao qua Project thực tế
- Học thiết kế web với Photoshop, CSS theo kiểu SASS
- Học cách sử dụng Git_hub cho lập trình viên
- Học lập trình Back-end PHP theo mô hình MVC cơ bản
- Học lập trình Back-end PHP theo mô hình MVC nâng cao
- Học lập trình Cơ sở dữ liệu với AngularJS
- Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
- Combo lập trình front-end từ cơ bản – nâng cao
- Combo lập trình back-end từ cơ bản đến nâng cao
- Combo lập trình web với word press từ A-Z
