Tìm hiều về Event trong JavaScript
Học Javascript bắt đầu với Hello, World
Tự làm quen với các bài tập và gửi đoạn code đầu tiên của bạn bằng cách hoàn thành bài đầu tiên "Hello, World!".
Luyện tập
Event trong HTML

    Một sự kiện HTML có thể là điều mà trình duyệt thực hiện hoặc điều gì đó mà người dùng thực hiện.

Dưới đây là một số ví dụ về các sự kiện HTML:

  • Một trang web HTML đã tải xong
  • Một trường đầu vào HTML đã được thay đổi
  • Một nút HTML đã được nhấp vào

    Thông thường, khi các sự kiện xảy ra, bạn có thể muốn làm điều gì đó. JavaScript cho phép bạn thực thi mã khi các sự kiện được phát hiện.

Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Sự kiện HTML phổ biến

Dưới đây là danh sách một số sự kiện HTML phổ biến:

Sự kiện Sự miêu tả
onchange Một phần tử HTML đã được thay đổi
onclick Người dùng nhấp vào một phần tử HTML
onmouseover Người dùng di chuyển chuột qua phần tử HTML
onmouseout Người dùng di chuyển chuột ra khỏi phần tử HTML
onkeydown Người dùng nhấn một phím bàn phím
onload Trình duyệt đã tải xong trang
Trình xử lý sự kiện Javascript

Trình xử lý sự kiện có thể được sử dụng để xử lý và xác minh đầu vào của người dùng, hành động của người dùng và hành động của trình duyệt:

  • Những việc nên làm mỗi khi tải trang
  • Những việc nên làm khi đóng trang
  • Hành động nên được thực hiện khi người dùng nhấp vào nút
  • Nội dung cần được xác minh khi người dùng nhập dữ liệu
  • Và hơn thế nữa ...

Có thể sử dụng nhiều phương thức khác nhau để JavaScript hoạt động với các sự kiện:

  • Thuộc tính sự kiện HTML có thể thực thi trực tiếp mã JavaScript
  • Thuộc tính sự kiện HTML có thể gọi hàm JavaScript
  • Bạn có thể gán các chức năng xử lý sự kiện của riêng mình cho các phần tử HTML
  • Bạn có thể ngăn các sự kiện được gửi hoặc được xử lý
  • Và hơn thế nữa ...

Bạn sẽ tìm hiểu thêm về các sự kiện và trình xử lý sự kiện trong các chương HTML DOM.

Một số bài viết liên quan
Devsne VN 9723 lượt xem

Template engines(Pug) trong Nodejs

Devsne VN 9789 lượt xem

Alpinejs - Nếu React là "quá thừa"

Devsne VN 10272 lượt xem

Nuxt.js + Electron bạn đã thử chưa?

Devsne VN 3040 lượt xem

Tạo trình soạn thảo văn bản hoàn chỉnh với React và Draft Js

Devsne VN 2322 lượt xem

Hướng dẫn sử dụng FontAwesome trong ReactJS

Devsne VN 1281 lượt xem

Cùng học Vuejs (P1)

Devsne VN 7198 lượt xem

Tạo khuôn khổ REST API với Node.js

Devsne VN 1205 lượt xem

Laravel 9 Vue JS Search Example

Devsne VN 7161 lượt xem

[ExpressJS] Bài 2 - Sử Dụng View Engine

Devsne VN 5649 lượt xem

Ứng dụng web kết hợp API Laravel và next.js từ a-Z (Phần 1- hiển thị dữ liệu)